es6 箭头函数

Arrow Function 箭头函数

最近经常看到箭头函数“ => ”,总是似是而非，还是查清楚在这里总结一下。

箭头函数相当于匿名函数，并且简化了函数命名方式。

 x => x+1
// 相当于
function(x){
    return x + 1 ;
}

上面是最简单的箭头函数，当有多个参数和语句时，（）、{ }和return都不能省略，例如：

（a,b）=>{
		 if (a>0){ return a+b }
		 else{ return a-b }
		  }

参数只有一个的话，可省略（） 不写。
需要注意的是，若返回的是一个对象，且为单表达式，下面的这种写法是错误的。

x = > { foo : x }     // SyntaxError
// 原因是与函数体的{...}发生语法冲突，可改为
x = > ( { foo : x  } )

箭头函数中关于this

箭头函数和匿名函数的区别在于this，箭头函数内部的this是词法作用域，由上下文决定。
举一个别人写的例子：
由于JS函数对this绑定的错误处理，下面的例子无法得到想要的结果

var obj = {
  birth = 1995 ;
  getAge:function(){
     var age = this.birth ;  // 1995
     var func = function(){
       return new Date().getFullYear() - this.birth ;  // this指向的是undefined或window
     }
     return func();
  }
}

现状箭头函数修复了this的指向，总是指向词法作用域，也就是外部调用者object

var obj = {
  birth = 1995 ;
  getAge:function(){
     var age = this.birth ;  // 1995
     var func = () = >  new Date().getFullYear() - this.birth ;  // this指向object  1995
     return func() ;
  }
};

如果使用箭头函数，以前的那种hack写法： var that = this; 就不再需要了。
由于this在箭头函数中已经按照词法作用域绑定了，所以，用call()或者apply()调用箭头函数时，无法对this进行绑定，即传入的第一个参数被忽略：

var obj = {
    birth: 1995,
    getAge: function (year) {
        var b = this.birth; // 1995
        var fn = (y) => y - this.birth; // this.birth仍是1995
        return fn.call({birth:2000}, year);
    }
};
obj.getAge(2015); // 25

需要注意的是，箭头函数不能使用new命令来创建实例，箭头函数也无法使用arguments对象（类数组对象）,可以使用Rest参数代替。箭头函数不能作为Generator函数，因为其无法使用yield命令。

arguments对象是所有（非箭头）函数中都可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数，第一个参数在索引0处。