箭头函数
本课属于 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!在这种情况下,使用一对空括号表示函数没有参数。
当你需要将一个简短的函数作为参数传递给另一个函数时,通常会使用箭头函数。
挑战
简单创建一个名为 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));这节课包含一个小测验。开始学习即可作答,并记录你的进度。
基础知识中的所有课
自己练习: JavaScript 在线编译器