继承
来源:互联网 发布:淘客网站源码建立 编辑:程序博客网 时间:2024/05/29 13:12
许多 OO 语言都支持两种继承方式:接口继承和实现继承。接口继承只继承方法签名,而实现继承则继承实际的方法。
ECMAScript 只支持实现继承。
1、原型链
让原型对象等于另一个类型的实例,此时的原型对象将包含一个指向另一个原型的指针,相应地,另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例,那么上述关系依然成立,如此层层递进,就构成了实例与原型的链条。这就是所谓原型链的基本概念。
缺点:
1、当被继承的实例 new superFun()中含有引用类型属性时,出现的问题和通过构造函数创建对象的情况是相似的。
2、没有办法在不影响所有对象实例的情况下,给超类型的构造函数传递参数。
注意点:位置1和位置2要注意,不能调换。如果先写位置2的代码,getSubVal 这个方法就写在subFun原来的原型上,再写位置1的代码的时候,subFun通过原型链就找不到getSubVal 这个方法了
function superFun(){ this.superVal = 'superVal'}superFun.prototype.getSuperVal = function(){ return this.superVal}function subFun(){ this.subVal = 'subVal';}//位置1subFun.prototype = new superFun();//位置2subFun.prototype.getSubVal = function(){ return this.subVal;}var instance = new subFun();instance.getSubVal();instance.getSuperVal();
可以通过instanceof或者isPrototypeOf()方法来确定原型和实例的关系
alert(instance instanceof Object); //truealert(instance instanceof SuperType); //truealert(instance instanceof SubType); //true
alert(Object.prototype.isPrototypeOf(instance)); //truealert(SuperType.prototype.isPrototypeOf(instance)); //truealert(SubType.prototype.isPrototypeOf(instance)); //true
2、借用构造函数
通过使用 apply()和 call()方法,即在子类型构造函数的内部调用超类型构造函数,也可以在(将来)新创建的对象上执行构造函数,解决原型中包含引用类型值所带来的问题。
function SuperType(){this.colors = ["red", "blue", "green"];}function SubType(){//继承了 SuperTypeSuperType.call(this);}var instance1 = new SubType();instance1.colors.push("black");alert(instance1.colors); //"red,blue,green,black"var instance2 = new SubType();alert(instance2.colors); //"red,blue,green"
优点:解决原型链不能传参的问题
function SuperType(name){this.name = name;}function SubType(){//继承了 SuperType,同时还传递了参数SuperType.call(this, "Nicholas");//实例属性this.age = 29;}var instance = new SubType();alert(instance.name); //"Nicholas";alert(instance.age); //29
缺点:如果仅仅是借用构造函数,那么也将无法避免构造函数模式存在的问题——方法都在构造函数中定义,因此函数复用就无从谈起了。
3、组合继承
其背后的思路是使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承。
组合继承避免了原型链和借用构造函数的缺陷,融合了它们的优点,成为 JavaScript 中最常用的继承模式。而且, instanceof 和 isPrototypeOf()也能够用于识别基于组合继承创建的对象。
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.constructor = SubType;SubType.prototype.sayAge = function(){alert(this.age);};var instance1 = new SubType("Nicholas", 29);instance1.colors.push("black");alert(instance1.colors); //"red,blue,green,black"instance1.sayName(); //"Nicholas";instance1.sayAge(); //29var instance2 = new SubType("Greg", 27);alert(instance2.colors); //"red,blue,green"instance2.sayName(); //"Greg";instance2.sayAge(); //27
4、原型式继承
5、寄生式继承
6、寄生组合式继承
- 继承
- 继承
- 继承
- 继承
- 继承
- 继承
- 继承
- 继承
- 继承
- 继承
- 继承
- 继承
- 继承
- 继承
- 继承
- 继承
- 继承
- 继承
- csdn中搜索用户
- SpringBoot向数据库中插入英文没问题,中文报错乱码问题
- git学习笔记整理-4-$ git log
- ajax回调函数中不能触发input[type='file']事件的解决方法
- springboot入门第二篇之Helloworld
- 继承
- Excel在统计分析中的应用—第五章—统计指数-Part6- 综合指数(资本加权指数)
- Help is needed for Dexter(UVA
- Oracle Startup / Shutdown启动和关闭过程详解(概念)
- Python
- 数据结构实验之链表一:顺序建立链表
- iOS 实现UIButton加小红点
- centos7安装mysql
- ZOJ 3452 Doraemon's Stone Game(博弈)