JavaScript的继承与其他语言中的继承的工作不同，这可能很混乱。 ES6类提供了一种语法糖，试图缓解使用ES5中存在的原型继承的问题。
为了说明这一点，我们创建一个动物园应用，其中创建鸟类。在经典继承中，我们定义一个基类，然后将其子类化以创建一个派生类。
子类化
下面的示例代码显示如何使用extends 关键字从Bird派生Penguin 。还要注意在Penguin的子类构造函数中使用的super 关键字，它用于将参数传递给基类Bird的构造函数。
Bird类定义了Penguin类继承的方法walk，并且可以被Penguin对象的实例使用。 同样，Penguin类定义了不能用于Bird对象的方法swim。 继承从上到下从基类到它的子类。
对象初始化
当使用new运算符创建对象时，调用类构造函数，在完全创建对象之前将调用它。 consturctor用于传递参数以初始化新创建的对象。
对象创建的顺序从它的基类开始，然后向下移动到任何子类。
// 基类 : ES6
class Bird {
constructor(weight, height) {
this.weight = weight;
this.height = height;
}
walk() {
console.log('walk!');
}
}
// 子类
class Penguin extends Bird {
constructor(weight, height) {
super(weight, height);
}
swim() {
console.log('swim!');
}
}
// Penguin object
let penguin = new Penguin(...);
penguin.walk(); //walk!
penguin.swim(); //swim!
下面我们展示了在class引入JavaScript之前，原型继承是如何实现的。
// JavaScript classical inheritance.
// Bird constructor
function Bird(weight, height) {
this.weight = weight;
this.height = height;
}
// Add method to Bird prototype.
Bird.prototype.walk = function() {
console.log("walk!");
};
// Penguin constructor.
function Penguin(weight, height) {
Bird.call(this, weight, height);
}
// Prototypal inheritance (Penguin is-a Bird).
Penguin.prototype = Object.create( Bird.prototype );
Penguin.prototype.constructor = Penguin;
// Add method to Penguin prototype.
Penguin.prototype.swim = function() {
console.log("swim!");
};
// Create a Penguin object.
let penguin = new Penguin(50,10);
// Calls method on Bird, since it's not defined by Penguin.
penguin.walk(); // walk!
// Calls method on Penguin.
penguin.swim(); // swim!
下一节：在继承部分，我们研究了扩展类功能的一种方法，另一种方法是使用委托来扩展功能。 使用委托，一个对象将包含对不同对象的引用，它将切换执行功能的请求。