JavaScript - 'new'关键字：对象创建之门

你好，未来的JavaScript法师们！今天，我们将踏上一段激动人心的旅程，探索使用神奇的'new'关键字创建对象的世界。如果你是编程新手，不用担心；我将作为你友好的向导，一步一步地探索这个概念。所以，拿起你的虚拟魔杖（键盘），让我们开始吧！

'new'关键字是什么？

在我们开始施法（编写代码）之前，让我们先了解一下'new'关键字。在JavaScript中，'new'就像是一种特殊的咒语，帮助我们基于构造函数或类创建新对象。这就像拥有一个房屋蓝图，并使用它来建造多栋房屋。

语法：如何使用'new'关键字

使用'new'关键字的语法非常简单：

let 对象名 = new 构造函数(参数);

现在如果这看起来有点令人困惑，别担心。我们会随着示例进行分解。

使用'new'与函数构造器

让我们从函数构造器开始。这些就像是创建对象的食谱。以下是一个示例：

function 法师(name, house) {
this.name = name;
this.house = house;
this.cast = function() {
console.log(this.name + " 施放了一个咒语！");
};
}

let harry = new 法师("哈利·波特", "格兰芬多");
console.log(harry.name); // 输出：哈利·波特
harry.cast(); // 输出：哈利·波特施放了一个咒语！

在这个示例中，我们创建了一个法师构造器。当我们使用'new 法师()'时，就像是在说：“根据这个蓝图创建一个新的法师。”'new'关键字为我们做了以下几件事情：

1. 它创建了一个新的空对象。
2. 它将构造器内部的'this'设置为这个新对象。
3. 它执行构造器函数，为新对象添加属性。
4. 它返回这个新对象。

这难道不神奇吗？我们可以使用这个构造器创建任意数量的法师！

使用'new'与类

现在，让我们升级一下，看看如何使用'new'与类。JavaScript中的类就像更强大、更有组织的构造函数。以下是一个示例：

class 法术书 {
constructor(标题, 作者) {
this.title = 标题;
this.author = 作者;
this.spells = [];
}

添加法术(spell) {
this.spells.push(spell);
console.log(`添加了 ${spell} 到 ${this.title}`);
}

施放法术(index) {
if (index < this.spells.length) {
console.log(`施放 ${this.spells[index]}！`);
} else {
console.log("书中未找到该法术！");
}
}
}

let 初学者法术书 = new 法术书("初学者的法术指南", "梅林");
初学者法术书.添加法术("Lumos"); // 输出：添加了 Lumos 到 初学者的法术指南
初学者法术书.施放法术(0); // 输出：施放 Lumos！

在这里，我们使用'new'与我们的法术书类。它的工作方式与函数构造器类似，但类提供了一种更干净、更有组织的方式来创建带有方法的对象。

使用'new'与内置对象

JavaScript也有一些内置对象，我们可以使用'new'来创建。让我们看几个例子：

// 创建一个新的日期对象
let 今天 = new Date();
console.log(今天); // 输出：当前日期和时间

// 创建一个新的数组
let 魔法物品 = new Array("魔杖", "药水", "扫帚");
console.log(魔法物品); // 输出：["魔杖", "药水", "扫帚"]

// 创建一个新的正则表达式
let 法术 = new RegExp("abracadabra", "i");
console.log(法术.test("ABRACADABRA")); // 输出：true

在这些示例中，我们使用'new'与JavaScript的内置对象。这就像使用预先制作好的魔法工具！

'new'背后的魔法：更深入的观察

现在我们已经看到了'new'的实际应用，让我们揭开神秘的面纱，理解它真正在做什么。当你使用'new'时，JavaScript执行以下步骤：

1. 创建一个新的空对象。
2. 将这个新对象的原型设置为构造器的原型属性。
3. 调用构造器函数，将'this'设置为这个新对象。
4. 返回这个新对象（除非构造器返回一个非原始值）。

以下是一个表格，总结了与'new'相关的关键方法：

方法	描述
Object.create()	创建一个新的对象，具有指定的原型对象和属性
Object.setPrototypeOf()	将指定对象的原型设置为另一个对象
Function.prototype.call()	使用给定的'this'值和逐个提供的参数调用一个函数
Function.prototype.apply()	使用给定的'this'值和作为数组提供的参数调用一个函数

结束我们的魔法之旅

就这样，年轻的编码者们！我们已经探索了神秘的'new'关键字，从基本的函数构造器到类和内置对象。记住，'new'是你在JavaScript中创建对象的魔杖。明智地使用它，你很快就会编写出令人惊叹的程序！

在我们分道扬镳之前，这里有一个小小的编码挑战给你：尝试创建一个'药水'类，具有'名称'和'效果'属性以及一个'drink()'方法。然后，使用'new'关键字创建几瓶药水。快乐编码，愿你的JavaScript之旅充满魔法和奇迹！

Credits: Image by storyset