原型 - JavaScript 中的对象继承关键

2023-11-12 06:48:50

引言

在 JavaScript 领域，原型是一个至关重要的概念，它为对象继承和代码重用提供了强大的机制。通过了解原型，我们可以编写更加简洁、可维护的代码。本文将深入探讨 JavaScript 中原型的概念，包括原型链、构造函数和继承的机制。

什么是原型？

每个 JavaScript 对象都隐式地拥有一个原型对象，该对象包含该特定类型对象所共享的方法和属性。原型对象通过内部 __proto__ 属性与其实例对象链接，允许实例对象访问原型中的属性和方法。

原型链

当实例对象尝试访问其不直接拥有的属性或方法时，它会沿着原型链向上搜索。原型链是从实例对象开始，向上连接到其原型对象，再到其原型的原型对象，依此类推。这个过程一直持续到找到所需属性或方法，或者到达原型链的顶部，即 Object.prototype。

构造函数

构造函数是用于创建新对象的特殊函数。它定义了新对象的属性和方法，并在创建新实例时自动执行。构造函数的 prototype 属性指向该函数创建的所有实例对象的共享原型对象。

继承

通过修改原型对象，我们可以实现对象继承。当一个对象被另一个对象继承时，继承对象将继承被继承对象的原型中的所有属性和方法。这意味着继承对象可以访问父对象的属性和方法，而无需自己定义它们。

示例

以下是演示原型和继承的简单示例：

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

Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name}`);
};

function Student(name, major) {
  Person.call(this, name); // 调用父构造函数
  this.major = major;
}

Student.prototype = Object.create(Person.prototype); // 继承 Person 原型
Student.prototype.study = function() {
  console.log(`I'm studying ${this.major}`);
};

const student = new Student("John", "Computer Science");
student.greet(); // Hello, my name is John
student.study(); // I'm studying Computer Science