ES6 箭头函数

箭头函数是一个函数表达式,理论上,任何使用函数表达式的场景都可以使用箭头函数

  • 格式 () => {}

需要注意的细节

  • 箭头函数的函数体中的 this,取决于箭头函数定义的位置的 this 指向,而与如何调用无关

  • 箭头函数中,不存在 this、arguments、new.target, 如果使用了,则使用的是函数外层的 this、arguments、new.target

    箭头函数没有原型(() => {}.prototype === undefined),所有没有构造函数

const func = () => {
    console.log(this);
}; // this---> window
const obj = {
    method: func // 因为func是箭头函数,它没有this,所以它只能去外面找,外面找到的就是window
};
obj.method();

实际应用场景

  1. 临时性使用的函数,并不会刻意调用它,比如:
    1. 事件处理函数
    2. 异步处理函数
    3. 其它临时性的函数
  2. 为了绑定外层 this 的函数
  3. 在不影响其它代码的情况下,保持代码的简洁,最常见的。 数组方法中的回调函数。
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容