JavaScript new 关键字在执行时会做四件事情_js new做的四件事-优快云博客

本文详细解释了JavaScript中new关键字创建对象的过程，包括创建空对象、设置原型、执行构造函数并可能返回对象。以Person构造函数为例，展示了如何通过new操作符创建并调用对象方法。

JavaScript 中的 new 关键字在执行时会做四件事情：

创建一个空的对象。
将这个空对象的原型指向构造函数的 prototype 属性。
执行构造函数，并将 this 指向这个空对象。
如果构造函数返回一个对象，则返回这个对象；否则，返回创建的空对象。

下面是一个示例说明：

function Person(name, age) {
  this.name = name;
  this.age = age;
}

Person.prototype.sayHello = function() {
  console.log("Hello, my name is " + this.name);
};

var john = new Person("John", 25);
john.sayHello(); // 输出 "Hello, my name is John"

在这个例子中，我们创建了一个 Person 构造函数。当使用 new 关键字创建一个新的 Person 对象时，new 关键字会按照上述的四个步骤执行。

首先，创建一个空对象 {}。然后，将这个空对象的原型指向 Person.prototype。接下来，执行 Person 构造函数，并将 this 指向这个空对象。在构造函数中，我们给这个空对象设置了 name 和 age 属性。

最后，由于构造函数没有显式返回一个对象，所以 new 关键字返回了创建的空对象 john。我们可以通过 john.sayHello() 调用 Person 对象的方法。

需要注意的是，new 关键字以及构造函数的首字母大写通常是用来表示构造函数的约定俗成的命名规范，但在 JavaScript 中并没有强制要求。任何函数都可以使用 new 关键字来创建对象，但如果没有遵循构造函数的约定，可能会导致一些问题。