js中new实现
new 的实现原理
在 JavaScript 中，new 运算符用于创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。其实现原理可以分解为以下几个步骤：
- 创建一个空的简单 JavaScript 对象（即
{}）。 - 将该对象的原型指向构造函数的
prototype属性。 - 将构造函数内部的
this绑定到新创建的对象上。 - 执行构造函数内部的代码（通常包含属性初始化等操作）。
- 如果构造函数返回非原始值（对象、数组、函数等），则返回该值；否则返回新创建的对象。
手动实现 new
可以通过以下代码模拟 new 的实现：
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注意事项
- 如果构造函数没有显式返回对象，
new会返回新创建的对象。 - 如果构造函数返回非对象（如原始值），
new会忽略返回值并返回新对象。 - 如果构造函数返回对象（包括数组、函数等），
new会直接返回该对象。
