大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章将为大家详细讲解有关JavaScript如何实现组合继承,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
成都创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站建设、做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的阳江网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
1、组合继承综合了原型链和盗用构造函数,将两者的优点集中了起来。既可以把方法定义在原型上以实现重用,又可以让每个实例都有自己的属性。
2、过程中调用两次父类构造函数。
一次是子构造函数使用apply/call调用的父构造函数,另一次是子类使用原型继承时,父类实例赋给子类的原型对象时调用的父类构造函数
实例
function A(name,age,sex){ this.name = name; this.age = age; this.sex = sex; this.arrs = [1,2,3] }; A.prototype.sayName = function(){ return this.name } function B(name,age,sex){ A.apply(this,arguments) } B.prototype = new A(); Object.defineProperty(B.prototype,"constructor",{ enumerable:false, value:B }) let C1 = new B('C1',18,'male'); let C2 = new B('C2',18,'female'); console.log(C1.sayName()); //"C1" C1.arrs.push(4); console.log(C1.age,C1.sex,C1.arrs); //18,'male',[1,2,3,4] console.log(C2.sayName()); //"C2" console.log(C2.age,C2.sex,C2.arrs); //18,'female',[1,2,3]
关于“JavaScript如何实现组合继承”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。