美文网首页
ES6 箭头函数

ES6 箭头函数

作者: 熬得萨菲 | 来源:发表于2020-02-06 19:20 被阅读0次

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

    • 格式 () => {}

    需要注意的细节

    • 箭头函数的函数体中的 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. 在不影响其它代码的情况下,保持代码的简洁,最常见的。 数组方法中的回调函数。

    相关文章

      网友评论

          本文标题:ES6 箭头函数

          本文链接:https://www.haomeiwen.com/subject/fpiuxhtx.html