箭头函数

91 阅读1分钟

箭头函数

  • 箭头函数是比函数表达式更简洁的一种写法。
  • 使用场景: 箭头函数更适用于那些本来需要匿名函数的地方,写法更简单

基本写法

  • image.png
  • image.png

用法细节

  1. 当箭头函数只有一个参数时,可以省略参数的小括号,其余个数不能省略 (没有参数也需要写小括号)
  • image.png
  • 没有参数写法:
  • image.png
  1. 当箭头函数的函数体只有一句代码 可以省略函数体大括号,这句代码就是返回值(可以不用写return
  • image.png
  • 原代码:
  • image.png
  1. 如果返回的是个对象,则需要把对象用小括号包裹
  • image.png
  • 原代码:
  • image.png
  1. 箭头函数里面没有arguments,但是有剩余参数

注意:

  • this指向在定义的时候不能确定,只有在调用执行的时候才能确定!!!
  • 箭头函数本身没有this,它的this是找上层作用域中的this,定义的时候已经确定了
  • 箭头函数本身没有this,它只会沿用上一层作用域的this

示例:

  • 普通函数:
  • image.png
  • 箭头函数:
  • image.png
  • 对象方法中,不建议使用箭头函数
  • 事件绑定:
  • image.png