箭头函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或 new.target。这些函数表达式更适用于那些本来需要匿名函数的地方,并且它们不能用作构造函数。
箭头函数的形式:
var multiply = (a,b) => a*b;
console.log(multiply(1,2)); // 2
使用时要注意的点:
1. 函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。即箭头函数能够获得外围上下文的this值。
例如:
page({
A:function(){
wx.login({
success:function(res){
console.log(this) // 此情况下 this = wx.login
}
})
},
B:funnction(){
wx.login({
success:res=>{
console.log(this) //此情况下 this = Page
}
})
}
})
2. 箭头函数可以嵌套
3. 不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误
4. 不可以使用arguments对象,该对象在函数体内不存在,如果要用,可以用rest参数代替
5. 不可以使用yield命令,因此箭头函数不能用作Generator函数
建议:
1. 能使用箭头函数的地方,不使用Function定义
2. 函数的success,fail,complete回调用箭头函数
3. 除了Page,App的生命周期使用function定义,其他都使用箭头函数