Menu
CoddyTech

箭头函数

本课属于 Coddy JavaScript 学习旅程的“基础知识”单元。第 51 课,共 77 课。

箭头函数提供了一种更简洁的方式来编写 JavaScript 函数。它们特别适合编写简短、简单的函数。

箭头函数表达式的语法比函数表达式更简短,并且它没有自己的 this、arguments、super 或 new.target 关键字绑定。箭头函数始终是匿名的。

箭头函数的基本语法如下:

(param1, param2) => {
	// 函数体
	// ...
	return value; // 可选的 return 语句
}

如果函数只有一个参数,你可以省略参数列表两侧的括号。如果函数体只有一个表达式,你可以省略花括号和 return 关键字。表达式的结果会被隐式返回。

下面是一个传统函数表达式的示例:

let add = function(a, b) {
	return a + b;
};

下面是用箭头函数编写的同一个函数:

let add = (a, b) => a + b;

在这个示例中,参数周围的括号保留了下来,因为有两个参数。省略了花括号和 return 关键字,因为函数体只有一个表达式。

再来看一个没有参数的例子:

let greet = () => console.log("Hello!");
greet(); // 输出:Hello!

在这种情况下,使用一对空括号表示函数没有参数。

当你需要将一个简短的函数作为参数传递给另一个函数时,通常会使用箭头函数。

challenge icon

挑战

简单

创建一个名为 calculateBMI 的箭头函数,该函数接受两个参数:weight(单位为千克)和 height(单位为米),并返回身体质量指数(BMI)。BMI 的计算公式为:weight / (height * height)。

例如:

console.log(calculateBMI(70, 1.75)); // Output: 22.857142857142858
console.log(calculateBMI(80, 1.8));  // Output: 24.691358024691358

亲手试试

// 在下方输入你的代码


// 不要修改下面的代码行
console.log(calculateBMI(70, 1.75));
console.log(calculateBMI(80, 1.8));
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

基础知识中的所有课

自己练习: JavaScript 在线编译器