前端必知必会-JavaScript 函数


JavaScript 函数

JavaScript 函数是用于执行特定任务的代码块。

JavaScript 函数在“某物”调用它时执行。

示例

// 计算 p1 和 p2 乘积的函数
function myFunction(p1, p2) {
return p1 * p2;
}

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 = "温度为 " + x + " 摄氏度";

您可以直接将函数用作变量值:

let text = "温度为 " + toCelsius(77) + " 摄氏度";

局部变量

在 JavaScript 函数内声明的变量将成为函数的局部变量。

局部变量只能在函数内访问。

示例

// 此处的代码不能使用 carName

function myFunction() {
let carName = "Volvo";
// 此处的代码可以使用 carName
}

// 此处的代码不能使用 carName

由于局部变量只能在函数内识别,因此可以在不同的函数中使用同名的变量。

局部变量在函数启动时创建,在函数完成时删除。


总结

本文介绍了JavaScript 函数的使用,如有问题欢迎私信和评论

猜你喜欢

转载自blog.csdn.net/qq_24018193/article/details/143243182