在 JavaScript 中,`new` 关键字用于创建一个对象实例。它的作用是调用构造函数来生成一个新的对象,并且确保该对象继承了构造函数的属性和方法。
当使用 `new` 关键字创建对象时,发生以下过程:
1. 创建一个空对象:首先,一个空的 JavaScript 对象被创建,没有任何属性和方法。
2. 将构造函数的作用域赋给新对象:将新创建的对象的原型链接到构造函数的 `prototype` 属性上,以实现继承。这样新对象就可以访问构造函数原型中定义的方法和属性。
3. 执行构造函数的代码:将构造函数作为普通函数调用,将新对象作为构造函数的上下文(即 `this`)传递给构造函数。在构造函数内部,可以通过 `this` 关键字引用新对象,并可以在新对象上设置属性和方法。
4. 返回新对象实例:如果在构造函数中没有显式返回其他对象,则默认情况下返回新创建的对象实例。这样,通过 `new` 关键字创建的对象实例就可以被赋值给一个变量,用于进一步的操作和访问。
下面是一个简单的示例:
function Person(name, age) {
this.name = name;
this.age = age;
}
const john = new Person('John', 25);
console.log(john.name); // 输出:John
console.log(john.age); // 输出:25
在上述示例中,`Person` 是一个构造函数,通过 `new` 关键字创建了一个 `Person` 的实例对象 `john`。在构造函数内部,通过 `this.name = name;` 和 `this.age = age;` 设置了新对象的属性。最后,将 `john` 对象赋值给变量,并可以通过该变量访问和操作新对象的属性。
需要注意的是,如果构造函数显式返回一个对象,则 `new` 关键字创建的对象实例将是返回的对象,而不是新创建的空对象。这种情况下,原型链的链接会失去作用。