js方法实现new
实现 new 操作符的步骤
在 JavaScript 中，new 操作符用于创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。以下是手动实现 new 操作符的核心逻辑：
function myNew(constructor, ...args) {
// 创建一个新对象，并将其原型指向构造函数的 prototype
const obj = Object.create(constructor.prototype);
// 调用构造函数，并将 this 绑定到新对象
const result = constructor.apply(obj, args);
// 如果构造函数返回了一个对象，则返回该对象；否则返回新对象
return typeof result === 'object' ? result : obj;
}代码解析
-
创建新对象并设置原型
Object.create(constructor.prototype)创建一个新对象，并将该对象的__proto__指向构造函数的prototype属性，确保实例可以访问原型链上的方法。 -
绑定构造函数上下文
constructor.apply(obj, args)调用构造函数，并将this指向新创建的对象obj，同时传入参数args。 -
处理构造函数返回值
如果构造函数显式返回了一个对象（非原始值），则直接返回该对象；否则返回新创建的对象obj。
使用示例
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype.greet = function() {
console.log(`Hello, my name is ${this.name}`);
};
// 使用原生 new
const p1 = new Person('Alice', 25);
p1.greet(); // 输出: Hello, my name is Alice
// 使用自定义 myNew
const p2 = myNew(Person, 'Bob', 30);
p2.greet(); // 输出: Hello, my name is Bob关键点说明
- 原型链继承：通过
Object.create确保实例能访问构造函数原型上的方法。 - 返回值处理：模拟原生
new的行为，优先返回构造函数显式返回的对象。 - 参数传递：使用剩余参数
...args支持动态参数传递。
此实现涵盖了 new 操作符的核心功能，适用于大多数场景。
