ES6的箭头函数

ES6添加了箭头函数

表达式模式：

ES6

odds  = evens.map(v => v + 1)
pairs = evens.map(v => ({ even: v, odd: v + 1 }))
nums  = evens.map((v, i) => v + i)
复制代码

ES5

odds  = evens.map(function (v) { return v + 1; });
pairs = evens.map(function (v) { return { even: v, odd: v + 1 }; });
nums  = evens.map(function (v, i) { return v + i; });
复制代码

这种模式=>后跟的是一个表达式，也就是函数的返回值。

声明体模式：

ES6

nums.forEach(v => {
   if (v % 5 === 0)
       fives.push(v)
})
复制代码

ES5

nums.forEach(function (v) {
   if (v % 5 === 0)
       fives.push(v);
});
复制代码

这种模式=>后跟的是块级声明{}，里面是函数体。

还有一点不同是this的指向，在箭头函数里this是指向其上级函数里的this，例如：

ES6

this.nums.forEach((v) => {
    if (v % 5 === 0)
        this.fives.push(v)
})
复制代码

ES5

var self = this;
this.nums.forEach(function (v) {
    if (v % 5 === 0)
        self.fives.push(v);
});
复制代码