JavaScript 继承深入探究——灵活且高效的原型模式

2023-11-01 09:06:49

JavaScript 中的继承是面向对象编程的基本概念之一，它允许我们创建新类型，这些新类型从现有类型继承属性和方法。JavaScript 的继承主要通过原型模式来实现。

原型模式是一种实现继承的机制，它允许对象从其他对象继承属性和方法。每个对象都有一个原型对象，而原型对象又可以有自己的原型对象，如此依次向上构成原型链。当一个对象访问一个属性或方法时，JavaScript 会沿着原型链向上查找，直到找到该属性或方法。

如果对象中没有该属性或方法，JavaScript 将会继续沿着原型链向上查找，直到找到该属性或方法，或者到达原型链的末端。如果在原型链的末端仍然没有找到该属性或方法，JavaScript 将会返回一个错误。

原型继承是一种非常灵活和高效的继承机制，它允许我们创建具有不同属性和方法的新对象，而无需重新编写代码。

在 JavaScript 中，可以通过两种方式实现原型继承：

使用原型对象

这种方式是通过直接操作对象的原型对象来实现继承的。例如，我们可以创建一个 Person 对象，并为它添加一个 name 属性和一个 sayHello 方法，然后创建一个 Student 对象，并将 Person 对象设置为 Student 对象的原型对象。这样，Student 对象就可以继承 Person 对象的 name 属性和 sayHello 方法。

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

Person.prototype.sayHello = function() {
  console.log("Hello, my name is " + this.name);
};

function Student(name, school) {
  Person.call(this, name);
  this.school = school;
}

Student.prototype = Object.create(Person.prototype);

var student = new Student("John", "Harvard");

student.sayHello(); // Hello, my name is John

使用构造函数

这种方式是通过使用构造函数来实现继承的。例如，我们可以创建一个 Person 构造函数，并在它里面添加一个 name 属性和一个 sayHello 方法，然后创建一个 Student 构造函数，并在它里面调用 Person 构造函数。这样，Student 构造函数就可以继承 Person 构造函数的属性和方法。

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

Person.prototype.sayHello = function() {
  console.log("Hello, my name is " + this.name);
};

function Student(name, school) {
  Person.call(this, name);
  this.school = school;
}

var student = new Student("John", "Harvard");

student.sayHello(); // Hello, my name is John