ES6 - 箭头函数

新的“胖箭头”符号还可以用更简单的方式来定义匿名函数。

请看下面的例子：

    console.log(x);
    incrementedItems.push(x+1);
  });

计算一个表达式并返回值的函数可以被定义更简单：

下面代码与上面几乎等价：

  incrementedItems = items.map(function (x) {
    return x+1;

让我们在 验证这段代码。不出所料，报错了，因为this 在匿名函数中的值是 undefined。

现在，让我们改变使用箭头函数的方式：

      constructor(toppings) {
        this.toppings = Array.isArray(toppings) ? toppings : [];
      }
      outputList() {
        this.toppings
          .forEach((topping, i) => console
      }
    }
    var ctrl = new Toppings(['cheese', 'lettuce']);

注意 箭头函数没有 arguments 对象 , 这会给开发者带来混乱. super 和 new.target 同样来自外部作用域。

• 箭头函数就是个简写形式的函数表达式；
• 它拥有词法作用域的this值（即不会新产生自己作用域下的this, arguments, super 和 new.target 等对象）；