JavaScript 函数是被设计为执行特定任务的代码块。
JavaScript 函数会在某代码调用它时被执行。
举栗子: function myFunction(p1, p2) {
return p1 * p2; // 该函数返回 p1 和 p2 的乘积
}
1.JavaScript 函数语法
JavaScript 函数通过 function 关键词进行定义,其后是函数名和括号 ()。
函数名可包含字母、数字、下划线和美元符号(规则与变量名相同)。
圆括号可包括由逗号分隔的参数:(参数 1, 参数 2, ...)
由函数执行的代码被放置在花括号中:{}
举栗子:function name(参数 1, 参数 2, 参数 3) {
要执行的代码
}
函数参数(形式参数)是在函数定义中所列的名称。
函数参数(实际参数)是当调用函数时由函数接收的真实的值。
在函数中,参数是局部变量。
在其他编程语言中,函数近似程序(Procedure)或子程序(Subroutine)。
2.函数调用
函数中的代码将在其他代码调用该函数时执行:
2.1:当事件发生时(当用户点击按钮时)
2.2:当 JavaScript 代码调用时
2.3:自动的(自调用)
3.函数返回
当 JavaScript 到达 return 语句,函数将停止执行。
如果函数被某条语句调用,JavaScript 将在调用语句之后“返回”执行代码。
函数通常会计算出返回值。这个返回值会返回给调用者:
举栗子:计算两个数的乘积,并返回结果:
var x = myFunction(7, 8); // 调用函数,返回值被赋值给 x
function myFunction(a, b) {
return a * b; // 函数返回 a 和 b 的乘积
}
x 的结果将是:56
4.为何使用函数?
您能够对代码进行复用:只要定义一次代码,就可以多次使用它。
您能够多次向同一函数传递不同的参数,以产生不同的结果。
举栗子:把华氏度转换为摄氏度:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);
5.局部变量
在 JavaScript 函数中声明的变量,会成为函数的局部变量。
局部变量只能在函数内访问。
举栗子:
// 此处的代码不能使用 carName
function myFunction() {
var carName = "Volvo";
// 此处的代码可以使用 carName
}
// 此处的代码不能使用 carName
由于局部变量只能被其函数识别,因此可以在不同函数中使用相同名称的变量。
局部变量在函数开始时创建,在函数完成时被删除
6.那么关于函数的东西就讲到这里了,其实还有很多,这里就没有一一细讲了,
我们有兴趣的同学可以查询相关的知识学习巩固,谢谢大家!!看完了,就点个赞吧.....