剖析 JS 世界中的原型与原型链的神秘面纱

2023-12-04 15:31:03

原型，万物的模板

在 JavaScript 的世界中，原型就好比一个蓝图，为对象实例设定了初始的模样和行为准则。它包含了能够被所有该类型实例共享的属性和方法。当您创建对象时，它就会自动继承原型上的这些属性和方法，就像继承了父辈的基因一样。

原型链，家族的羁绊

原型链是连接对象与原型的一条纽带，也是 JS 中实现继承的重要手段。它将对象与它们的原型连接起来，形成了一种层级结构。当您访问对象的属性或方法时，JavaScript 会沿着原型链向上查找，直至找到所需的信息。这种机制确保了所有对象都能访问到它们祖先身上的属性和方法，就像家族成员可以追溯到共同的祖先一样。

构建原型链，创造万物

在 JavaScript 中，我们通过使用构造函数来构建原型链。构造函数就像是一个模具，用于创建对象。当您调用构造函数时，它会创建一个新对象并将其原型属性指向构造函数的 prototype 属性。这样，新对象就继承了构造函数原型上的所有属性和方法。例如：

function Person(name, age) {
  this.name = name;
  this.age = age;
}

Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
};

const person1 = new Person('John', 30);
person1.greet(); // 输出：Hello, my name is John and I am 30 years old.