JavaScript 中的继承探索——对《JavaScript 高级程序设计》的感悟

2024-01-30 03:36:15

JavaScript 中的继承探索

从《JavaScript 高级程序设计》中获得的启发

作为一名 JavaScript 开发者，《JavaScript 高级程序设计》这本书可谓是宝藏级教材。在研读这本书的过程中，我对 JavaScript 的继承机制有了更深入的理解。书中以浅显易懂的语言和生动的示例，让我对抽象的概念有了更加直观的认识。

原型继承与构造函数继承

JavaScript 中的继承主要有两种方式：原型继承和构造函数继承。

原型继承

原型继承是一种基于对象原型的继承方式。每个对象都有一个原型对象，原型对象包含了一系列属性和方法，这些属性和方法可以被该对象及其所有后代对象继承。

原型继承的优势在于简单易用。我们可以通过简单的赋值操作来实现继承，代码非常简洁明了。

构造函数继承

构造函数继承是一种基于构造函数的继承方式。当我们创建子类时，需要显式地调用父类的构造函数，并将父类的属性和方法复制到子类中。

构造函数继承的优势在于可以更好地控制继承的行为。我们可以通过在子类的构造函数中添加额外的代码来修改继承而来的属性和方法。

两种继承方式的比较

原型继承和构造函数继承各有优缺点。

特性	原型继承	构造函数继承
语法	简单易用	复杂繁琐
控制性	较弱	较强
性能	优异	较差

在实际开发中，我们通常会根据具体情况选择合适的继承方式。

JavaScript 中的类

ES6 引入了 class 语法，使 JavaScript 具备了面向对象编程的语法糖。class 语法本质上是对原型继承和构造函数继承的封装，使代码更加简洁易读。

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

  greet() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

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

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

const student = new Student('John', 20, 'Computer Science');
student.greet(); // Hello, my name is John and I am 20 years old.
student.study(); // John is studying Computer Science.