箭头函数

箭头函数

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对象时

posted @ 2020-03-24 16:28  ashen1999  阅读(104)  评论(0编辑  收藏  举报