箭头函数的特点

  • 不绑定this,其中的this指向函数定义位置的上下文this
  • 内部不存在arguments和new.target,使用的都是外部的

new.target(写在函数内部) 判断函数是否使用new调用
该表达式得到的是:
- 没有使用new来调用函数本身,则返回undefined
- 使用new,则返回new关键字后面的函数本身

  • 没有原型,占用内存空间小

应用场景:

  • 临时使用的,不会刻意调用的函数,如事件处理,异步处理
  • 要绑定外层this
  • 使代码简洁,如数组方法中的回调

简写规则:

(形参) => { 函数体 }
const fn = (形参) => { 函数体 }
  • 函数体内只有一句代码且为返回值,可省略{ } 和return关键字
const sum = (num1, num2) => num1 + num2;
  • 形参只有一个时,可省略()
const fn = v => { alert(v); }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容