Skip to content

Latest commit

 

History

History
38 lines (30 loc) · 1.95 KB

230106-3-new-key.md

File metadata and controls

38 lines (30 loc) · 1.95 KB

当我们在 JavaScript 中使用 new 关键字时,会发生什么?

当你在 JavaScript 中使用 new 关键字时,会执行以下操作:

  1. 创建一个新的空对象。这个对象被称为新创建的对象。
  2. 将新创建的对象的原型设置为构造函数的 prototype 属性。 这意味着,新创建的对象会继承构造函数的 prototype 中定义的属性和方法。
  3. 将新创建的对象的 this 关键字设置为该对象。 这意味着,在构造函数中使用 this 关键字时,它会引用新创建的对象。
  4. 将参数列表传递给构造函数,并调用构造函数。
  5. 如果构造函数没有返回其他对象,则 new 关键字会返回新创建的对象。 如果构造函数返回了其他对象,则 new 关键字会返回构造函数返回的对象。
function Person(name, age) {
  this.name = name;
  this.age = age;
}

const person = new Person('John', 30);
console.log(person.name); // "John"
console.log(person.age); // 30

这个例子中,我们创建了一个 Person 类的构造函数,该构造函数接受两个参数:name 和 age。

然后,我们使用 new 关键字调用了 Person 构造函数,并传递了两个参数:"John" 和 30。在这个过程中,new 关键字执行了以下操作:

  1. 创建了一个新的空对象,该对象被称为 person。
  2. 将 person 对象的原型设置为 Person.prototype。
  3. 将 person 对象的 this 关键字设置为 person 对象。
  4. 将参数 "John" 和 30 传递给 Person 构造函数,并调用该构造函数。
  5. 在 Person 构造函数中,使用 this 关键字为 person 对象添加了 name 和 age 属性,并将它们设置为 "John" 和 30。
  6. 因为 Person 构造函数没有返回其他对象,所以 new 关键字返回 person 对象。

所以,最终我们得到了一个新创建的 person 对象, 该对象具有 name 和 age 属性, 并且继承了 Person.prototype 中定义的属性和方法。