谈谈javascript继承
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了谈谈javascript继承相关的知识,希望对你有一定的参考价值。
javascript实现继承大致有如下5种方式:
第1种,通过构造函数实现继承
function Parent() { this.name = ‘parent‘ } function Child() { Parent.call(this) this.type = ‘child‘ }
第2种,通过原型链实现继承
function Parent() { this.name = ‘parent‘ } function Child() { this.type = ‘child‘ } Child.prototype = new Parent() Child.prototype.constructor = Child
第3种,组合第1种和第2种方式
function Parent() { this.name = ‘parent‘ } function Child() { Parent.call(this) this.type = ‘child‘ } Child.prototype = new Parent() Child.prototype.constructor = Child
第4种,是对第3种的优化,也是推荐的方式
function Parent() { this.name = ‘parent‘ } function Child() { Parent.call(this) this.type = ‘child‘ } Child.prototype = Object.create(Parent.prototype) Child.prototype.constructor = Child
第5种,使用es6语法
class Parent { constructor() { this.name = ‘parent‘ } } class Child extends Parent { constructor() { super() this.type = ‘child‘ } }
以上是关于谈谈javascript继承的主要内容,如果未能解决你的问题,请参考以下文章
VSCode自定义代码片段12——JavaScript的Promise对象