ES6学习——箭头函数

定义：(params1,params2,params3..)=>{expressions}

   其中()中的内容为传入箭头函数的参数，{}为函数内的内容。

规范：1、参数部分：

                 1）如果有多个参数，不能省略(),如果参数个数不明，可以用...rest表示，但是...rest必须放在最后

                 2）如果只有一个参数，可以省略()

                 3)   如果没有参数，那么可以用(),_表示  eg:() = > {}， _ = > {}

           2、函数体部分：如果没有{},则不用指定return

特性：1）箭头函数没有自己的this，即不生成自己独立的上下文环境。在函数体里面的this，捕捉上一层的上下文

           

let a = 10；

let fun = function(x){
    this.a = 2;
    return ()=>{return this.a + x}
}

let f = fun(2);
f(); // 4，捕捉的是fun的this

           因为这个特性，对于箭头函数应用call和apply，实际上只是把参数传递过去，还是会捕捉上层的this。

var c = {
   a : 1,
   add : function(v){
       var f = v=> v+this.a;
       var b = { a : 3};


       return f.call(b,v);
   }
};


console.log(c.add(2)); //3

          2）类比于没有自己的this，箭头函数没有自己的arguments，如果函数体内需要使用到arguments，则会向上搜索到最近的名为arguments的变量。

var arguments = "heihei"
var arr = ()=>arguments;

console.log(arr()); // "heihei"

var fun = function(){
    let f = v=>arguments[0]+2;
    return f;
}

console.log((fun(2))()); // 4

         3) 在箭头函数里面不能使用yield 并且箭头函数不能作为构造器

代码规范：

 1）当必须使用函数表达式或者传递一个匿名函数时，使用箭头函数

 2）如果函数适合于在一行写完，那么省略花括号，圆括号和return，否则不要省略。

最后：箭头函数的设计目的在于简化函数的书写，在链式调用和讲函数作为参数传递的时候，更加简洁。所以箭头函数的应用场景往往是map(),reduce,filter()等组合函数中，或者在promise调用链中使用。