探究 JavaScript 中 new 操作符的奥秘：从原理到实践

2023-10-06 07:43:37

JavaScript 中的 new 操作符

JavaScript 中的 new 操作符是一个，用于创建对象并调用构造函数。构造函数是一个特殊的函数，用于初始化对象并设置其属性和方法。new 操作符可以创建任意类型的对象，包括内置对象和用户自定义对象。

new 操作符的工作原理

创建一个空对象

new 操作符首先创建一个空对象。这个对象还没有任何属性或方法。
空对象的内部属性 proto 赋值为构造函数的 prototype 属性

构造函数的 prototype 属性是一个特殊的属性，它包含了该构造函数的所有属性和方法。当创建对象时，对象的内部属性 proto 被赋值为构造函数的 prototype 属性。这使得对象可以访问构造函数的所有属性和方法。
将构造函数的 this 指向空对象

构造函数的 this 关键字指向当前正在创建的对象。当构造函数被调用时，它的 this 关键字被赋值为空对象。这使得构造函数可以访问对象的属性和方法。
执行构造函数内部代码

构造函数内部的代码被执行。这通常用于初始化对象并设置其属性和方法。
返回该新对象

构造函数执行完成后，将返回该新对象。这个对象已经初始化并设置了其属性和方法。

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 的 prototype 赋值给对象的 proto 属性，并将 this 关键字指向对象。然后，构造函数的内部代码被执行，将 name 和 age 属性添加到对象中。最后，构造函数返回该新对象。

new 操作符的应用

new 操作符在 JavaScript 中有很多应用，包括：