揭秘原型、原型链和继承关系的奥秘

见解分享

2023-11-18 18:59:19

揭开原型、原型链和继承的面纱：面向对象编程的基石

在浩瀚的编程世界里，面向对象编程 (OOP) 就像一块迷人的拼图，而原型、原型链和继承则是这块拼图中不可或缺的三块基石。今天，我们踏上探寻之旅，深入探究这三者的奥秘，让你对 OOP 的理解更上一层楼。

原型：对象的模版

想象一下原型就像一个蛋糕模具。它定义了蛋糕的基本形状和结构，而每个蛋糕（即对象）都按照这个模具来塑造。每个构造函数（用于创建对象的函数）都有自己的原型对象，它包含了所有对象共享的属性和方法。

原型链：寻找丢失的属性

当一个对象尝试访问一个不存在的属性时，它会沿着原型链向上搜索。原型链是一条从实例对象到原型对象的单向连接链。如果在整个原型链中都找不到该属性，则会返回 undefined，就像一位侦探无功而返。

继承：子类继承父类的衣钵

继承就像是一场家庭传承。当我们创建子类时，它的原型对象会继承父类的原型对象。这样，子类就可以访问父类原型对象中的所有属性和方法。子类还可以通过覆盖父类原型对象中的属性和方法来定义自己的独特行为。

实例剖析：父子间的交流

让我们用一个简单的例子来加深理解。想象一下我们有一个 Person 类，它有 name 属性和 greet() 方法。然后我们有一个 Student 类，它继承了 Person 类，并添加了自己的 major 属性和 study() 方法。

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);
Student.prototype.constructor = Student;

Student.prototype.study = function() {
  console.log(`${this.name} is studying ${this.major}.`);
};

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