JavaScript 中的三种继承方式详解
在 JavaScript 中，有三种主要的继承方式：原型继承、构造函数继承和组合继承。本文将分别介绍这三种继承方式的实现方法、特点、优缺点，并给出相应的示例代码。
原型继承
原型继承是 JavaScript 中最基本的继承方式之一。它利用原型链来实现对象之间的继承关系。具体实现方式如下：
-------- ------------ - --------- - ----- - ------------------------ - ---------- - --------------- ---- -- - - ----------- -- -------- --------- ---- - ----------------- ------ -------- - ---- - ------------- - -------------------------------- ------------------------- - ---- -------------------- - ---------- - -------------- -- - - -------- - - ----- ------ --
在以上代码中，我们定义了一个父类 Animal 和一个子类 Dog。在 Dog 的构造函数中，我们首先调用了父类的构造函数，并通过 Object.create 方法创建了一个继承自父类原型的新对象，然后将其赋值给 Dog 的原型属性上。这样，Dog 就能够继承 Animal 的所有属性和方法了。
原型继承的优点是实现简单，可以实现多层继承，缺点是存在引用类型的共享问题。
构造函数继承
构造函数继承是通过在子类构造函数中调用父类构造函数来实现继承的。具体实现方式如下：
-------- ------------ - --------- - ----- - ------------------------ - ---------- - --------------- ---- -- - - ----------- -- -------- --------- ---- - ----------------- ------ -------- - ---- - -------------------- - ---------- - -------------- -- - - -------- - - ----- ------ --
在以上代码中，我们同样定义了一个父类 Animal 和一个子类 Dog。不同的是，在 Dog 的构造函数中，我们通过 call 方法调用了 Animal 的构造函数，并将当前对象作为参数传入，这样就能够实现对父类属性的继承了。
构造函数继承的优点是解决了原型继承中引用类型共享的问题，缺点是无法继承父类原型上的方法。
组合继承
组合继承是将原型继承和构造函数继承结合起来使用的一种继承方式。具体实现方式如下：
-------- ------------ - --------- - ----- - ------------------------ - ---------- - --------------- ---- -- - - ----------- -- -------- --------- ---- - ----------------- ------ -------- - ---- - ------------- - --- --------- ------------------------- - ---- -------------------- - ---------- - -------------- -- - - -------- - - ----- ------ --
在以上代码中，我们同样定义了一个父类 Animal 和一个子类 Dog。不同的是，在 Dog 的构造函数中，我们通过 call 方法调用了 Animal 的构造函数，并将当前对象作为参数传入，这样就能够实现对父类属性的继承了。同时，我们还通过 new 关键字创建了一个继承自父类原型的新对象，并将其赋值给 Dog 的原型属性上。这样，Dog 就能够继承 Animal 的所有属性和方法了。
组合继承的优点是解决了原型继承和构造函数继承各自的
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/928