JS基础(5)——函数(3)——箭头函数

所谓箭头函数，是从 ECMAScript 6 开始新增加的一种声明函数的方式。其最大的特点在于不需要function关键字，取而代之的是使用一个=>来进行函数声明。

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

let 变量 = (形式参数) => {
    // 函数体
}

箭头函数具体示例：

let test = (name) => {
    console.log("Hello",name);
}
test("Mr.Yan"); // Hello Mr.Yan

上面所介绍的，只是箭头函数的基本写法。实际上箭头函数根据形式参数和函数体的不同，书写的方式拥有一些变形。如下：

// 如果没有参数
let 变量 = () => {
    // 函数体
}
// 如果只有一个形参
let 变量 = 形参 => {
    // 函数体
}
// 如果函数体只有一个返回值
let 变量 = 形参 => expression

例如：书写求立方根的箭头函数

let test = x => x*x*x;
console.log(test(3)); // 27

注：从 ECMAScript 6 开始已经提供了专门用于求幂的运算符**来进行幂运算。

箭头函数的优点如下：

当然，前面几条我们都还好理解。至于最后一条什么叫做不会把自己的 this 绑定到函数上，这个我们后面再讲。现在我们需要掌握的就是知道有箭头函数这么一个东西，并且能够自己书写一个箭头函数即可。

Mr.Yan