javascript：new操作符的本质

高先生的猫

于 2020-04-14 10:19:51 发布

阅读量198

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.csdn.net/z591102/article/details/105506141

JavaScript 专栏收录该内容

730 篇文章

订阅专栏

本文详细解析了JavaScript中new构造函数的执行流程，包括创建对象、设置原型、执行构造函数及返回对象的过程。通过自定义myNew函数，演示了如何手动实现new操作符的功能，加深对new操作符工作原理的理解。

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

new 构造函数的执行流程：

创建对象，并给予属性名为__proto__，值为构造函数原型（prototype）的属性。
将构造函数的this指向为刚创建的对象。
执行构造函数的语句。
将创建的对象进行返回。

function myNew (fun) {
    return function () {
        // 创建一个新对象且将其隐式原型指向构造函数原型
        let obj = {
            __proto__ : fun.prototype
        }
        // 执行构造函数
        fun.call(obj, ...arguments);
        // 返回该对象
        return obj;
    }
}

function Site(siteName, siteUrl) {
    this.siteName = siteName;
    this.siteUrl = siteUrl;
}
let obj = myNew(Site)("高先生的猫","https://blog.csdn.net/z591102");
console.log(obj);// { siteName: '高先生的猫', siteUrl: 'https://blog.csdn.net/z591102' }