ECMAScript如何实现继承

在 ECMAScript (ES) 中，实现继承有多种方法。以下是两种常用的方法：

1. 原型链继承（Prototype Chain Inheritance）

原型链继承是通过将子类的原型对象指向父类的一个实例对象，从而实现子类继承父类原型上的属性和方法。示例代码如下：

function Parent() {
  this.name = 'parent';
  this.colors = ['red', 'blue', 'green'];
}

Parent.prototype.sayName = function() {
  console.log(this.name);
};

function Child() {
  this.type = 'child';
}

// 实现原型链继承
Child.prototype = new Parent();

// 修复构造函数指向
Child.prototype.constructor = Child;

var child1 = new Child();
child1.sayName(); // 输出 "parent"
console.log(child1.colors); // 输出 ["red", "blue", "green"]

2. ES6 类继承（Class Inheritance）

ES6 引入了 class 关键字，使得类和继承的实现更加简洁和直观。通过使用 extends 关键字，可以实现子类继承父类。示例代码如下：

class Parent {
  constructor() {
    this.name = 'parent';
    this.colors = ['red', 'blue', 'green'];
  }

  sayName() {
    console.log(this.name);
  }
}

class Child extends Parent {
  constructor() {
    super(); // 调用父类的构造函数
    this.type = 'child';
  }
}

const child1 = new Child();
child1.sayName(); // 输出 "parent"
console.log(child1.colors); // 输出 ["red", "blue", "green"]

这两种方法都可以实现 ECMAScript 中的继承。但是，ES6 类继承提供了更清晰的语法，更易于理解和维护。因此，在现代 JavaScript 开发中，推荐使用 ES6 类继承。