定义:(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调用链中使用。