时间:2021-05-18
2.借用构造函数
为解决原型中包含引用类型值所带来的问题, 我们使用一种叫做 借用构造函数(constructor stealing)的技术(又叫伪造对象或经典继承)。
这种技术的基本思想:在子类构造函数内部调用超类型构造函数。
通过使用apply()和call()方法可以在新创建的子类对象上执行构造函数。
function SuperType(){ this.colors = ["red", "blue", "green"];}function SubType(){ //继承了 SuperType SuperType.apply(this);}var instance1 = new SubType();instance1.colors.push("black");alert(instance1.colors); //red,blue,green,blackvar instance2 = new SubType();alert(instance2.colors); //red,blue,green在上述例子中,实际上是在新创建的SubType实例(instance1 instance2)的环境下调用了SuperType的构造函数。这样一来,就会在新SubType对象上执行SuperType()函数中定义的所有对象初始化代码。 所以Subtype的每个实例就都会具有自己的colors属性的副本了。
传递参数
对于原型链来讲,借用构造函数有一个很大的优势,即可以在子类型构造函数中想超类型构造函数传递参数。
function SuperType(name){ this.name = name;}function SubType(){ SuperType.call(this, "Bob"); this.age = 18;}var instance1 = new SubType();alert(instance1.age); //18alert(instance1.name); //Bob借用构造函数的问题:
方法都在构造函数中定义,因此函数复用就无从谈起了。而且,在超类型的原型中定义的方法,对子类型而言也是不可见的。
3. 组合继承
组合继承(combination inheritance), 有时候也叫作伪经典继承, 指的是将原型链和借用构造函数的技术组合到一起。从而发挥二者之长的一种继承模式。
使用原型链实现对原型属性和方法的继承;
通过借用构造函数来实现对实例属性的继承。
这样,既通过在原型上定义方法实现了函数的复用,又能保证每个实例都有他自己的属性。
function SuperType(name){ this.name = name; this.colors = ["red", "blue", "green"];}SuperType.prototype.sayName = function(){ alert(this.name);}function SubType(name, age){ //继承属性 SuperType.call(this, name); this.age = age;} //继承方法SubType.prototype = new SuperType();SubType.prototype.sayAge = function(){ alert(this.age);}var instance1 = new SubType("Bob", 22);instance1.colors.push("black");alert(instance1.colors); //red,blue,green,blackinstance1.sayName(); //Bobinstance1.sayAge(); //22var instance2 = new SubType("Alice", 21);alert(instance2.colors); //red,blue,greeninstance2.sayName(); //Aliceinstance2.sayAge(); //21在这个例子中, SuperType构造函数定义了两个属性: name和colors。 SuperType的原型定义了一个方法sayName()。
SubType构造函数在调用SuperType构造函数时传入了name参数,定义了他自己的属性age。然后将SuperType的实例赋值给SubType的原型。在该原型上定义了方法sayAge()。
这样一来,就可以让两个不同的SubType实例既分别拥有自己的属性 - 包括colors属性,又可以使用相同的方法。
以上这篇浅谈JS继承_借用构造函数 & 组合式继承就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
javascript中的继承实例详解阅读目录原型链继承借用构造函数组合继承寄生组合式继承后记继承有两种方式:接口继承和实现继承。接口继承只继承方法签名,而实现继
这一次要讲组合、原型式、寄生式、寄生组合式继承方式。1.组合继承:又叫伪经典继承,是指将原型链和借用构造函数技术组合在一块的一种继承方式。下面来看一个例子:fu
本文实例讲述了JavaScript寄生组合式继承。分享给大家供大家参考,具体如下:寄生组合式继承寄生组合式继承,就是通过伪造对象来继承属性,通过原型链的混成形式
组合继承组合继承,指将原型链和借用构造函数的技术组合到一块,从而发挥二者之长的一种继承模式。其背后思路使用用原型链实现对原型属性和方法的继承,而通过构造函数来实
1.组合继承:又叫伪经典继承,是指将原型链和借用构造函数技术组合在一块的一种继承方式。下面来看一个例子:functionSuperType(name){this