JavaScript中实现继承的几种方式有哪些?
- 内容介绍
- 文章标签
- 相关推荐
本文共计868个文字,预计阅读时间需要4分钟。
非ES6代码实现继承的主流方式主要可以分为以下几种:
1. 构造函数继承
2.原型链继承
3.构造函数继承 + 原型链继承组合
4.组合继承 + 原型链继承组合
5.在组合继承上衍生出的继承方式
构造函数继承(借助call实现):
javascript
function Parent() { this.name='Parent';}Parent.prototype.sayName=function() { console.log(this.name);};
function Child() { Parent.call(this); // 借助call实现构造函数继承 this.age=18;}
var child=new Child();child.sayName(); // 输出:Parent
非ES6代码实现继承的主流方式主要可以分为:
构造继承、原型链继承、构造继承+原型链继承组合继承、以及在组合继承上衍生出的继承方式。
本文共计868个文字,预计阅读时间需要4分钟。
非ES6代码实现继承的主流方式主要可以分为以下几种:
1. 构造函数继承
2.原型链继承
3.构造函数继承 + 原型链继承组合
4.组合继承 + 原型链继承组合
5.在组合继承上衍生出的继承方式
构造函数继承(借助call实现):
javascript
function Parent() { this.name='Parent';}Parent.prototype.sayName=function() { console.log(this.name);};
function Child() { Parent.call(this); // 借助call实现构造函数继承 this.age=18;}
var child=new Child();child.sayName(); // 输出:Parent
非ES6代码实现继承的主流方式主要可以分为:
构造继承、原型链继承、构造继承+原型链继承组合继承、以及在组合继承上衍生出的继承方式。

