javascript原理系列— new的原理

最新推荐文章于 2022-10-15 11:55:47 发布

转载最新推荐文章于 2022-10-15 11:55:47 发布 · 826 阅读

文章标签：

#javascript #函数 #new

javascript 同时被 2 个专栏收录

111 篇文章

订阅专栏

js原理

38 篇文章

订阅专栏

本文详细解释了JavaScript中new操作符的工作原理，包括其创建对象的四个步骤，并提供了一个手动实现new操作符功能的示例代码。

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

通过new创建对象经历4个步骤

1、创建一个新对象；[var o = new Object();]

2、将构造函数的作用域赋给新对象（因此this指向了这个新对象）；[Person.apply(o)] [Person原来的this指向的是window]

3、执行构造函数中的代码(为这个新对象添加属性)；

4、返回新对象。

通过代码还原new的步骤：

function Person(name, age) {

    this.name = name;

    this.age = age;

    this.sayName = function() {

        alert(this.name);

    }

}

function createPerson(P) {

    var o = new Object();

    var args = Array.prototype.slice.call(arguments, 1);

    o.__proto__ = P.prototype;

    P.prototype.constructor = P;

    P.apply(o, args);

    return o;

}