对ES5和ES6中继承的写法的深入探讨

2023-11-23 17:49:46

JavaScript中的继承：深入解析

JavaScript中的继承

继承是面向对象编程（OOP）的一项基本概念，它允许一个类（或对象）从另一个类（或对象）中继承属性和方法。在JavaScript中，可以通过构造函数继承、原型继承和组合继承来实现继承。

构造函数继承

构造函数继承是JavaScript中最简单的继承方式。子类的构造函数调用父类的构造函数，从而让子类继承父类的所有属性和方法。

// 父类
function Parent(name) {
  this.name = name;
}

// 子类
function Child(name, age) {
  // 调用父类的构造函数
  Parent.call(this, name);

  // 子类的属性
  this.age = age;
}

// 创建子类实例
const child = new Child('John', 25);

// 访问子类属性
console.log(child.name); // John
console.log(child.age); // 25

原型继承

原型继承通过将父类的原型对象作为子类的原型对象来实现继承。这样，子类可以继承父类原型对象上的所有属性和方法。

// 父类
function Parent() {
  this.name = 'John';
}

// 子类
function Child() {
  // 将父类的原型对象作为子类的原型对象
  Child.prototype = new Parent();
}

// 创建子类实例
const child = new Child();

// 访问子类属性
console.log(child.name); // John

组合继承

组合继承结合了构造函数继承和原型继承的优点。它使用构造函数继承来实现子类对父类的属性继承，并使用原型继承来实现子类对父类方法的继承。

// 父类
function Parent() {
  this.name = 'John';
}

// 子类
function Child() {
  // 调用父类的构造函数
  Parent.call(this);

  // 将父类的原型对象作为子类的原型对象
  Child.prototype = new Parent();
}

// 创建子类实例
const child = new Child();

// 访问子类属性
console.log(child.name); // John