在 JavaScript 中揭秘继承的奥秘：一个全面的指南

2024-02-18 17:42:06

JavaScript 中的继承是一门微妙的艺术，掌握这项技能对于构建可维护和可扩展的代码至关重要。这篇博文旨在深入探讨 JavaScript 中的继承机制，从基础概念到高级实践，为您提供全面的指南。

JavaScript 中的继承

与其他面向对象语言不同，JavaScript 并不直接支持类。相反，它使用一种称为原型链 的机制来实现继承。每个 JavaScript 对象都包含一个原型对象，它本身也是一个对象。当访问对象的属性或方法时，JavaScript 会首先在该对象中查找，如果未找到，则会沿原型链向上查找，直至找到该属性或方法。

ES5 中的继承：使用原型链

在 ES5 中，您可以使用 Object.create() 方法来创建新对象并指定其原型。例如：

const Person = {
  name: "John Doe",
  age: 30,
};

const employee = Object.create(Person);
employee.jobTitle = "Software Engineer";

ES6 中的继承：使用类

ES6 引入了 class 语法，提供了一种更简洁的方式来创建和继承对象。类本质上只是带有特殊语法的函数。例如：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}

class Employee extends Person {
  constructor(name, age, jobTitle) {
    super(name, age);
    this.jobTitle = jobTitle;
  }
}