JavaScript中的几种继承方法示例(2)

function Father(name){ this.name = name } function Son(num,name){ Father.call(this,name) // 第二次调用 } Son.prototype = new Father('ls') // 第一次调用 var son = new Son(10,'zs') console.log(son)

在第一次调用的时候,Son.prototype会继承name这个属性,第二次调用时,实例对象会继承name。当我们获取实例对象的name属性时因为实例对象上有该属性,所以是不会去原型上去寻找的,相当于实例对象上的name属性把原型上的name属性给屏蔽掉了,所以原型上的这个属性是多余的。

JavaScript中的几种继承方法示例

为了解决这个问题,就有了寄生组合式继承。主要思路就是创建一个函数完成原型链继承和constructor的指向问题,然后通过构造函数继承属性。

// 复制一个父类的原型指向,将子类的原型指向复制的父类原型,达到不用调用父类构造函数就能继承其原型上的方法的效果。 function inherit(Sup,Sub){ var prototype = Object.create(Sup.prototype) Sub.prototype = prototype prototype.constructor = Sub } function Father(name){ this.name = name } function Son(name){ Father.call(this,name) } inherit(Father,Son) var son = new Son('zs') console.log(son)

JavaScript中的几种继承方法示例

以上就是JavaScript中常用的几种继承方式啦。

到此这篇关于JavaScript中的几种继承方法的文章就介绍到这了,更多相关JavaScript继承方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/86861f1149be2dfacc7eb23399d1cdca.html