箭头函数

箭头函数

var num = [1,2,3];
var double = num.map((item) => {return item*2})

• 当只有一个参数时，包裹的()可以省略

• 当有多个参数时，在()中以,分隔

• 可以隐式返回

  • 去掉return

  • 去掉{}

  var double = num.map( item => item*2 )

箭头函数的this指向

• 在es5中，回调函数不属于某个对象，所以this是指向window的，需要通过bind()等方法绑定所需使用的对象

• 而在箭头函数中，this指向父级作用域的this，且不会发生改变

箭头函数不适合的场景

• 需要通过this获得对象的属性、方法

  • 此时this指向的是父子作用域，不能获取

• 需要this的时候，如对象绑定事件时

• 需要在函数中使用arguments对象时