重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
本文实例讲述了JavaScript寄生组合式继承。分享给大家供大家参考,具体如下:
创新互联长期为上千多家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为河口企业提供专业的网站制作、成都网站制作,河口网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。寄生组合式继承
寄生组合式继承,就是通过伪造对象来继承属性,通过原型链的混成形式来继承方法。
这种技术的基本思路是:不必为了指定子类型的原型而调用超类型的构造函数,因为我们所需要的只是超类型原型的一个副本而已(这一点正是组合继承的问题,并且正是JavaScript这种原型式语言的强大之处,直接copy对象-原型对象)。本质上,就是使用寄生式继承来继承超类型的原型,然后再将结果指定给子类型的原型。
function inheritPrototype(subType, superType){ var prototype = Object.create(superType.prototype); //创建超类型原型副本 prototype.constructor = subType; //修改原型副本的不同属性 subType.prototype = prototype; //指定原型 } function SuperType(name){ this.name = name; this.colors = ["red", "blue", "green"]; } SuperType.prototype.sayName = function(){ console.log(this.name); } function SubType(name, age){ //继承属性 SuperType.call(this, name); //实例属性 this.age = age; } //继承方法 inheritPrototype(SubType, SuperType); SubType.prototype.sayAge = function(){ console.log(this.age); }; var instance1 = new SubType("Nicholas", 29); instance1.colors.push("black"); console.log(instance1.colors); //"red, blue, green, black" instance1.sayName(); //"Nicholas" instance1.sayAge(); //29