JavaScript箭头函数的使用(一）

JavaScript 箭头函数简介

与函数表达式相比，ES6 箭头函数为我们提供了一种编写更短语法的替代方法。

下面的例子定义了一个函数表达式，它返回两个数字的和：

let add = function (x, y) {
  return x + y;
};

console.log(add(10, 20)); // 30

以下示例等效于上述 add() 函数表达式，但使用了箭头函数：

let add = (x, y) => x + y;

console.log(add(10, 20)); // 30;

在本例中，箭头函数有一个表达式 x + y，因此，它返回表达式的结果。

但是，如果使用块语法，则需要指定 return 关键字：

let add = (x, y) => { return x + y; };

typeof 运算符返回一个指示箭头函数类型的函数。

console.log(typeof add); // function

箭头函数也是 Function 类型的一个实例，如下例所示：

console.log(add instanceof Function); // true

带有多个参数的 JavaScript 箭头函数

如果箭头函数有两个或更多参数，则使用以下语法：

(p1, p2, ..., pn) => expression;

以下表达式：

=> expression

等价于以下表达式：

=> { return expression; }