Javascript高级程序设计——面向对象之实现继承
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Javascript高级程序设计——面向对象之实现继承,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3532字,纯文字阅读大概需要6分钟。
内容图文
原型链:
构造函数中都有一个prototype属性指针,这个指针指向原型对象,而创建的实例也有指向这个原型对象的指针__proto__。当实例查找方法时先在实例上找,找不到再通过__proto__到原型对象上查找。如果原型对象是另一个类型的实例,那么原型对象包含一个指向另一个原型对象的指针、另一个原型对象中也包含指向另一个构造函数的指针。
原型连继承
function superValue(){ this.superValue = "superValue"; } superValue.prototype.getSuperValue(){ returnthis.superValue; } function subValue(){ this.subValue = "subValue"; } subValue.prototype = new superValue(); //原型被superValue实例替换,实现继承superValue的属性和方法。没有了constructor subValue.prototype.getSubValue = function(){ returnthis.subValue; } var instance = new subValue(); instance instanceof Object //true,所以的引用类型都继承Object,也是通过原型链继承的。 instance instanceof superValue; //true instance instanceof subValue; //true//只要原型链出现过的构造函数,结果就返回true。
所以的函数类型都是Object的实例,所以instance instanceof Object 返回true
问题:
通过原型继承时会共享所有引用类型的属性
不能向超类的构造函数传递参数。
借用构造函数:
又名伪造对象。在子类型的函数的内部调用超类的构造函数
function superValue(){ this.colors = ["yellow", "green", "red"]; } function subValue(){ //继承了superValue superValue.call(this); } var instance1 = new subValue(); instance1.color.push("new"); instance1.color //["yellow", "green", "red", "new"]var instance1 = new subValue(); instance1.color //["yellow", "green", "red"] 不共享属性问题:构造函数的内部调用父类的构造函数,无法实现函数复用
组合继承:
利用原型链实现方法的继承,达到函数复用。
利用构造函数实现实例的属性继承,避免了引用实例的共享问题
function superValue(name){ this.name = name; this.color = ["red", "green"]; } superValue.prototype.sayName = function(){ alert(this.name); } function subValue(age, name){ superValue.call(this, name); //对构造函数的属性的继承this.age = age; } //实现继承superValue subValue.prototype = new superValue(); //恢复被覆盖的构造函数 subValue.prototype.constructor = subValue; //定义自己的方法 subValue.prototype.sayAge = function(){ alert(this.age); } var instance = new subValue(24, "yang"); instance.color.push("black"); instance.color //["red", "green", "black"]; instance.sayName() //yang 继承来的方法 instance.sayAge() //24 自己的方法var instance2 = new subValue(25, "he"); instance.color //["red", "green"]不共享引用类型。 instance.sayName() //he 继承来的方法 instance.sayAge() //25 自己的方法问题:继承时调用了两次supeValue()一次函数内部,一次实例化原型对象,子类型屏蔽了原型对象上的属性,可以通过寄生组合类型继承解决。
原型继承:
function object(obj){ funciton F(); // 声明一个临时的构造函数 F.prototype = obj; //实现原型继承returnnew F(); //返回构造函数实例。} //整个过程是一个浅复制
寄生式继承:
与寄生构造函数和工厂模式类似,即创建一个仅用于封装过程的函数,在内部增强对象。
function object(obj){ var clone = object(obj); clone.sayName = function(){ alert(haha""); } return clone; } //函数内部增强对象
寄生组合类型继承:
解决组合继承中两次调用superValue()函数。这两次调用superValue()会在原型对象和新对象上创建属性。
function superValue(name){ this.name = name; this.color = ["red", "green"]; } superValue.prototype.sayName = function(){ alert(this.name); } function subValue(age, name){ superValue.call(this, name); //调用父类构造函数创建属性name和color。屏蔽原型上的属性name和color this.age = age; } //实现继承superValue,在原型上创建属性name和color subValue.prototype = new superValue(); subValue.prototype.constructor = subValue; subValue.prototype.sayAge = function(){ alert(this.age); }解决:通过寄生组合式继承,通过借用构造函数来继承属性,通过原型链混成形式继承方法
方法:不必为了指定子类型的原型而调用超类的构造函数。通过寄生式继承超类原型,指定给子类原型
function inheritPrototype(subType, superType){ var prototype = object(super.prototype); //创建对象 prototype.constructor = subType; //增强对象 subType.prototype = prototype; //指定对象 }寄生组合继承代码
function superValue(name){ this.name = name; this.color = ["red", "green"]; } superValue.prototype.sayName = function(){ alert(this.name); } function subValue(age, name){ superValue.call(this, name); //实现属性的继承this.age = age; } //原型链方法继承inheritPrototype(subType, superType); subValue.prototype.sayAge = function(){ alert(this.age); }
原文:http://www.cnblogs.com/yangxunwu1992/p/4780545.html
内容总结
以上是互联网集市为您收集整理的Javascript高级程序设计——面向对象之实现继承全部内容,希望文章能够帮你解决Javascript高级程序设计——面向对象之实现继承所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。