JavaScript 函数
JavaScript 函数是一段代码块,旨在执行特定任务。
当“某物”调用(调用)它时,将执行 JavaScript 函数。
JavaScript 函数语法
JavaScript 函数使用 function
关键字定义,后跟 **名称**,再后跟圆括号 **()**。
函数名称可以包含字母、数字、下划线和美元符号(与变量相同的规则)。
圆括号内可以包含用逗号分隔的参数名称
(参数 1, 参数 2, ...)
要由函数执行的代码放在花括号内:**{}**
function 名称(参数 1, 参数 2, 参数 3) {
// 要执行的代码
}
函数 **参数** 列在函数定义中的圆括号 () 内。
函数 **参数** 是函数在被调用时接收的 **值**。
在函数内部,参数(参数)的行为就像局部变量。
函数调用
函数内部的代码将在“某物” **调用**(调用)该函数时执行
- 当事件发生时(当用户单击按钮时)
- 当它从 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();
自己试试 »
在没有 () 的情况下访问函数将返回函数本身,而不是函数结果
注意
如上例所示,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
自己试试 »
由于局部变量仅在它们的函数内部被识别,因此可以在不同的函数中使用相同名称的变量。
局部变量在函数开始时创建,在函数完成后删除。