当前位置：首页 > JavaScript

js如何实现new

2026-03-15 20:47:36JavaScript

js如何实现new

实现 new 操作符

在 JavaScript 中，new 操作符用于创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。以下是手动实现 new 操作符的步骤：

js如何实现new

创建一个空的 JavaScript 对象。
将这个新对象的 __proto__ 属性指向构造函数的 prototype 属性。
将构造函数的 this 绑定到这个新对象，并执行构造函数。
如果构造函数返回一个对象，则返回该对象；否则返回新创建的对象。

代码实现

function myNew(constructor, ...args) {
    // 创建一个新对象，继承构造函数的 prototype 属性
    const obj = Object.create(constructor.prototype);

    // 调用构造函数，将 this 绑定到新对象
    const result = constructor.apply(obj, args);

    // 如果构造函数返回一个对象，则返回该对象；否则返回新对象
    return result instanceof Object ? result : obj;
}

使用示例

function Person(name, age) {
    this.name = name;
    this.age = age;
}

Person.prototype.sayHello = function() {
    console.log(`Hello, my name is ${this.name}`);
};

// 使用原生的 new 操作符
const person1 = new Person('Alice', 25);
person1.sayHello(); // 输出: Hello, my name is Alice

// 使用自定义的 myNew 函数
const person2 = myNew(Person, 'Bob', 30);
person2.sayHello(); // 输出: Hello, my name is Bob

注意事项

如果构造函数返回一个非对象的值（如 null 或基本类型），new 操作符会忽略该返回值并返回新创建的对象。
如果构造函数返回一个对象，new 操作符会直接返回该对象，而不是新创建的对象。

验证实现

可以通过以下代码验证 myNew 的实现是否正确：

console.log(person1 instanceof Person); // true
console.log(person2 instanceof Person); // true
console.log(person1.name); // Alice
console.log(person2.name); // Bob

如果所有输出都符合预期，则说明 myNew 的实现是正确的。