JavaScript中＂new＂关键字的工作机制

在JavaScript中，`new`操作符是我们创建对象时经常使用的关键字。它通常与一个构造函数一起使用，用于创建和初始化一个新对象。本文将深入探讨`new`操作符的工作原理。

首先，我们需要理解构造函数。在JavaScript中，构造函数通常是普通的函数，它们用来初始化新创建的对象。使用`new`关键字调用构造函数时，背后发生的事情远比看上去复杂。

以下是`new`操作符的工作原理：

1. 创建一个新的空对象。

2. 将这个空对象的原型（`[[Prototype]]`）设置为构造函数的`prototype`属性。

3. 将这个空对象作为`this`的上下文绑定到构造函数并调用构造函数。

4. 如果构造函数返回了一个对象，那么这个对象会被返回；如果没有，则返回步骤1中创建的对象。

下面详细解释这些步骤：

步骤1：创建一个新对象

`new`操作符首先会创建一个空对象。在JavaScript内部，这个对象是通过`Object.create(null)`或者类似的方法创建的，意味着这个对象没有原型，是纯粹的新对象。

步骤2：设置对象的原型

接着，JavaScript会将这个新对象的原型设置为构造函数的`prototype`属性。这保证了通过构造函数创建的对象可以继承其原型上的属性和方法。

function Person(name) {
this.name = name;
}
Person.prototype.sayName = function() {
console.log(this.name);
};

var person1 = new Person("Alice");
console.log(person1.__proto__ === Person.prototype); // true

在这个例子中，`person1`对象的原型指向了`Person.prototype`。

步骤3：绑定this并调用构造函数

然后，JavaScript会将这个新对象作为`this`的上下文绑定到构造函数并调用构造函数。这意味着构造函数内部的`this`将指向这个新对象。在构造函数内部，你可以通过`this`为新对象添加属性和方法。

步骤4：返回对象

最后，如果构造函数返回了一个对象，那么这个对象会被返回给`new`操作符的调用者。如果构造函数没有返回任何东西（或者返回的不是对象），则返回步骤1中创建的对象。

以下是一个模拟`new`操作符行为的函数：

function myNew(constructorFunc, ...args) {
// 创建一个空对象，并将它的原型设置为构造函数的 prototype 属性
const obj = Object.create(constructorFunc.prototype);

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

// 如果构造函数返回了一个对象，则返回这个对象；否则返回新创建的对象
return (typeof result === 'object' && result !== null) ? result : obj;
}

function Person(name) {
this.name = name;
}
Person.prototype.sayName = function() {
console.log(this.name);
};



var person2 = myNew(Person, "Bob");
person2.sayName(); // 输出 "Bob"