构造函数中，this的指向

最新推荐文章于 2025-05-30 15:50:41 发布

敲完这个项目就回老家结婚

最新推荐文章于 2025-05-30 15:50:41 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript Web前端学习文章标签： this constructor instance

本文链接：https://blog.youkuaiyun.com/qq_43615908/article/details/87863482

Web前端学习同时被 2 个专栏收录

7 篇文章

订阅专栏

JavaScript

6 篇文章

订阅专栏

本文探讨了在JavaScript中，构造函数内的全局变量that，在多次实例化后，始终指向最后一个创建的实例对象。通过实例演示了that的指向特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先，我们知道，构造函数（Constructor）中的this指向调用该构造函数所创建的实例对象（instance）。
但是，但我们在构造函数中定义一个隐形全局变量 that = this 的时候，并用该构造函数创建多个实例对象，那么这个变量that会指向哪一个实例对象呢？

        function Constructor() {
            that = this;
        }
        
        // console.log(that); // 报错：that is not defined
        
        var instanceA = new Constructor();
        console.log( that == instanceA ); // 结果为true

        var instanceB = new Constructor();
        console.log( that == instanceA ); // 结果为false
        console.log( that == instanceB ); // 结果为true

由此可以看出，that将指向最后创建的实例对象。