JavaScript 函数
JavaScript 函数是用于执行特定任务的代码块。
当“某事”调用(调用)它时,JavaScript 函数将被执行。
JavaScript 函数语法
JavaScript 函数使用 function
关键字定义,后跟一个名称,再后跟一对圆括号()。
函数名称可以包含字母、数字、下划线和美元符号(与变量的规则相同)。
圆括号内可以包含用逗号分隔的参数名称
(parameter1, parameter2, ...)
由函数执行的代码放在大括号内:{}
function name(parameter1, parameter2, parameter3) {
// 要执行的代码
}
函数参数列在函数定义中的括号 () 内。
函数参数值是函数被调用时接收到的值。
在函数内部,参数(形参)充当局部变量。
函数调用
当“某事”调用(调用)函数时,函数内的代码将被执行。
- 当发生事件时(例如用户单击按钮)
- 当从 JavaScript 代码调用(调用)时
- 自动执行(自调用)
您将在本教程的后面部分了解更多关于函数调用的信息。
函数返回值
当 JavaScript 遇到 return
语句时,函数将停止执行。
如果函数是从一个语句调用的,JavaScript 将“返回”到调用语句之后执行代码。
函数通常会计算一个返回值。返回值会被“返回”给“调用者”。
示例
计算两个数的乘积,并返回结果
// 调用函数,返回值将赋给 x
let x = myFunction(4, 3);
function myFunction(a, b) {
// 函数返回 a 和 b 的乘积
return a * b;
}
自己动手试一试 »
为什么使用函数?
使用函数可以重用代码
您可以编写可以多次使用的代码。
您可以使用相同的代码,但使用不同的参数,来产生不同的结果。
() 运算符
() 运算符用于调用(调用)函数。
示例
将华氏度转换为摄氏度
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
let value = toCelsius(77);
自己动手试一试 »
使用不正确的参数调用函数可能会返回不正确的结果。
示例
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
let value = toCelsius();
自己动手试一试 »
不带 () 调用函数会返回函数本身,而不是函数的结果。
示例
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
let value = toCelsius;
自己动手试一试 »
注意
从上面的示例可以看出,toCelsius
指的是函数对象,而 toCelsius()
指的是函数的结果。
函数用作变量值
函数可以用与变量相同的方式使用,应用于所有类型的公式、赋值和计算。
示例
不必使用变量来存储函数的返回值
let x = toCelsius(77);
let text = "The temperature is " + x + " Celsius";
您可以直接使用该函数,作为变量值。
let text = "The temperature is " + toCelsius(77) + " Celsius";
自己动手试一试 »
您将在本教程的后面部分了解更多关于函数的内容。
局部变量
在 JavaScript 函数内声明的变量是该函数的局部变量。
局部变量只能在函数内部访问。
示例
// 此处代码不能使用 carName
function myFunction() {
let carName = "Volvo";
// 此处代码可以使用 carName
}
// 此处代码不能使用 carName
自己动手试一试 »
由于局部变量只能在函数内部识别,因此可以在不同函数中使用相同名称的变量。
局部变量在函数开始时创建,并在函数完成后删除。