深入探究 JavaScript 中的原型和原型链

2023-11-13 16:58:35

在 JavaScript 的世界中，"原型"和"原型链"这两个概念对于理解对象的创建和继承至关重要。了解这些概念对于构建健壮且可维护的代码库至关重要。在这篇文章中，我们将深入探讨 JavaScript 中的原型和原型链，揭示它们的内在机制，并展示如何在实践中应用它们。

原型对象

每个 JavaScript 函数都拥有一个与其关联的原型对象。该原型对象充当函数创建的对象的基石。当创建新对象时，它将继承原型对象中的所有属性和方法。这种继承机制使 JavaScript 能够实现经典的面向对象编程范例，其中子对象从父对象继承特性。

访问原型对象可以很方便。只需使用函数的 prototype 属性，如下所示：

function Person() {
  // ...
}

// 获取 Person 函数的原型对象
const personPrototype = Person.prototype;

原型链

原型链是一个对象链，从给定对象一直延伸到其最终原型（即 Object.prototype）。当访问对象属性或调用方法时，JavaScript 会沿着原型链向上查找，直到找到该属性或方法的定义。

如果在当前对象中找不到特定的属性或方法，JavaScript 将转到其原型对象，依此类推。这使得对象能够访问继承自其父对象的特性，即使这些特性未直接定义在自身中。

示例：原型链在实践中的应用

以下是原型链在实践中的一个示例：

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

// 为 Person 原型对象添加一个 greet 方法
Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name}!`);
};

// 创建一个新的 Person 对象
const person1 = new Person("John");

// 调用 greet 方法
person1.greet(); // 输出：Hello, my name is John!