温故Javascript的this问题

直接调用

  • 严格模式:undefined
  • 非严格模式:
    1.较新的JS版本 globalThis
    2.旧版本 window
    3.NodeJs global

直接调用并不是指在全局作用域下进行调用,在任何作用域下,直接通过 函数名(...) 来对函数进行调用的方式,都称为直接调用。比如下面这个例子也是直接调用

(function() {
    // 通过 IIFE 限定作用域

    function test() {
        // strict 模式下输出 false,此时 this === undefined
        // 非 strict 模式下输出 true
        console.log(this === globalThis);
    }

    test();     // 非全局作用域下的直接调用
})();

bind

Function.prototype.bind() 的作用是将当前函数与指定的对象绑定,并返回一个新函数,这个新函数无论以什么样的方式调用,其 this 始终指向绑定的对象。

call和apply

它们的第一个参数都是指定函数运行时其中的 this 指向。不过使用 apply 和 call 的时候仍然需要注意,如果目录函数本身是一个绑定了 this 对象的函数,那 apply 和 call 不会像预期那样执行。

方法调用

它是 对象.方法函数(...) 这样的调用形式,这种情况下,函数中的 this 指向调用该方法的对象。但是,同样需要注意 bind() 的影响。

方法中

方法调用时的上下文环境

new调用

指向创建出来的新对象

箭头函数

它用的是直接外层函数(即包含它的最近的一层函数或函数表达式)绑定的 this

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容