js 实现一个new
实现 new 操作符的功能
在 JavaScript 中，new 操作符用于创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。以下是手动实现 new 功能的步骤：
核心步骤
-
创建一个空对象
创建一个新的空对象，作为即将返回的实例。 -
设置原型链
将空对象的__proto__指向构造函数的prototype属性，确保实例可以访问原型链上的方法。 -
绑定
this并执行构造函数
调用构造函数，并将this绑定到新创建的对象上，传入参数。 -
处理返回值
如果构造函数返回一个对象，则直接返回该对象；否则返回新创建的对象。
代码实现
function myNew(constructor, ...args) {
// 创建一个空对象，并继承构造函数的原型
const obj = Object.create(constructor.prototype);
// 调用构造函数，绑定 this 到新对象
const result = constructor.apply(obj, args);
// 如果构造函数返回了一个对象，则直接返回该对象
if (result && typeof result === 'object') {
return result;
}
// 否则返回新创建的对象
return 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(constructor.prototype)确保新对象可以访问构造函数原型上的方法。 -
构造函数返回值
如果构造函数显式返回一个对象（如return { custom: true }），则直接返回该对象；否则返回新创建的对象。 -
参数传递
使用剩余参数...args收集所有传入的参数，并通过apply传递给构造函数。
