js 实现new
实现 new 操作符的原理
JavaScript 的 new 操作符用于创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。手动实现 new 操作符需要理解其底层机制。
核心步骤
- 创建一个新对象：新对象的原型指向构造函数的
prototype属性。 - 绑定 this 并执行构造函数：将构造函数的
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关键点说明
Object.create：用于创建一个新对象，并将该对象的原型指向构造函数的prototype属性。apply：将构造函数的this绑定到新对象，并传入参数。- 返回值处理：如果构造函数返回一个对象（如
return { custom: true }），则优先返回该对象；否则返回新创建的对象。
边界情况处理
如果构造函数返回原始值（如 return 123），myNew 仍然会返回新创建的对象，因为原始值会被忽略。这与原生 new 的行为一致。
function Test() {
return 123;
}
const obj = myNew(Test);
console.log(obj instanceof Test); // true
