从 JavaScript 的继承中学习面向对象的艺术

2023-11-17 19:54:08

揭开 JavaScript 继承的神秘面纱

在软件开发的世界中，继承是面向对象编程 (OOP) 的基石，它允许类继承其他类的特性和行为。JavaScript 作为一门动态语言，也支持继承，但与其他语言不同，它只支持实现继承，不支持接口继承。

理解实现继承

在 JavaScript 中，实现继承通过原型链实现。原型链是一个对象的内部属性，它指向创建该对象的构造函数的原型对象。这为子类型构造函数创建了一个机会，可以将自己的原型重写为超类型构造函数的原型。

// 超类型构造函数
function Person(name) {
  this.name = name;
}

// 子类型构造函数
function Employee(name, jobTitle) {
  // 将 Employee.prototype 重写为 Person.prototype
  Employee.prototype = Object.create(Person.prototype);

  this.name = name;
  this.jobTitle = jobTitle;
}

在这个示例中，Employee 构造函数继承了 Person 构造函数的 name 属性，同时还添加了自己的 jobTitle 属性。

原型链的作用

原型链在 JavaScript 继承中扮演着至关重要的角色。它允许子类型访问超类型的属性和方法，而无需显式地重新声明它们。这意味着子类型可以重用超类型的功能，同时扩展其自己的功能。

const person = new Person("John Doe");
const employee = new Employee("Jane Doe", "Software Engineer");

console.log(person.name); // 输出："John Doe"
console.log(employee.name); // 输出："Jane Doe"
console.log(employee.jobTitle); // 输出："Software Engineer"