建造自己的编程豪宅：从JavaScript构造函数到实例

2022-11-01 02:37:48

构建 JavaScript 对象：从构造函数到原型

在 JavaScript 的世界里，构造函数和实例就像建筑蓝图和实物建筑的关系，共同组成了面向对象编程的基础。

构造函数：JavaScript 的蓝图

想象一下，你要建造一座房子。首先需要一个蓝图，它定义了房屋的基本结构、房间数量、每个房间的大小、窗户和门的位置等关键细节。在 JavaScript 中，构造函数就扮演了蓝图的角色。

构造函数就像是一个模板，定义了如何创建具有特定属性和方法的对象。例如，如果你想创建一个表示房子的对象，可以定义一个名为 House 的构造函数，其中包含 numRooms、numBathrooms 和 squareFootage 等属性。

function House(numRooms, numBathrooms, squareFootage) {
  this.numRooms = numRooms;
  this.numBathrooms = numBathrooms;
  this.squareFootage = squareFootage;
}

实例：从蓝图到实物

有了蓝图之后，就可以根据蓝图建造出实际的房子。在 JavaScript 中，这个过程称为实例化。通过使用 new ，你可以使用构造函数创建新的对象，称为实例。

const myHouse = new House(3, 2, 2000);

这个 myHouse 实例就像你根据 House 蓝图建造的实际房子。它具有与蓝图中定义的相同属性和方法。

原型：JavaScript 的地基

原型就像是一座房屋的地基，它提供了一些基础功能和结构。每个构造函数都有一个原型对象，它是所有实例共享的对象。原型对象包含一些预定义的属性和方法，例如 toString() 和 valueOf().

原型链：通往地基的道路

原型链就像是一条通往地基的道路。每个实例都有一个 __proto__ 属性，它指向构造函数的原型对象。当我们访问实例的属性或方法时，JavaScript 会沿着原型链向上查找，直到找到相应的属性或方法为止。

console.log(myHouse.__proto__ === House.prototype); // true

使用示例：创建一个 JavaScript 构造函数和实例

// 定义构造函数
function Person(name, age) {
  this.name = name;
  this.age = age;
}

// 创建实例
const john = new Person('John Doe', 30);

// 访问实例属性
console.log(john.name); // 'John Doe'
console.log(john.age); // 30