goody9807写到 写道
http://www.cnblogs.com/goody9807/archive/2007/04/16/715109.html
基本的用法 把ClassA的一个实例赋值给ClassB ClassB就继承了ClassA的所有属性 <script> function ClassA() { this.a='a'; } function ClassB() { this.b='b'; } ClassB.prototype=new ClassA(); var objB=new ClassB(); for(var p in objB)document.write(p+"<br>"); </script> 从原型继承理论的角度去考虑 js的原型继承是引用原型 不是复制原型 所以 修改原型会导致所有B的实例的变化 <script> function ClassA() { this.a='a'; } function ClassB() { this.b='b'; } ClassB.prototype=new ClassA(); var objB=new ClassB(); alert(objB.a); ClassB.prototype.a='changed!!'; alert(objB.a); </script> 然而 子类对象的写操作只访问子类对象中成员 它们之间不会互相影响 因此 写是写子类 读是读原型(如果子类中没有的话) <script> function ClassA() { this.a='a'; } function ClassB() { this.b='b'; } ClassB.prototype=new ClassA(); var objB1=new ClassB(); var objB2=new ClassB(); objB1.a='!!!'; alert(objB1.a); alert(objB2.a); </script> 每个子类对象都执有同一个原型的引用 所以子类对象中的原型成员实际是同一个 <script> function ClassA() { this.a=function(){alert();}; } function ClassB() { this.b=function(){alert();}; } ClassB.prototype=new ClassA(); var objB1=new ClassB(); var objB2=new ClassB(); alert(objB1.a==objB2.a); alert(objB1.b==objB2.b); </script> 构造子类时 原型的构造函数不会被执行 <script> function ClassA() { alert("a"); this.a=function(){alert();}; } function ClassB() { alert("b"); this.b=function(){alert();}; } ClassB.prototype=new ClassA(); var objB1=new ClassB(); var objB2=new ClassB(); </script> 接下来是致命的,在子类对象中访问原型的成员对象: <script> function ClassA() { this.a=[]; } function ClassB() { this.b=function(){alert();}; } ClassB.prototype=new ClassA(); var objB1=new ClassB(); var objB2=new ClassB(); objB1.a.push(1,2,3); alert(objB2.a); //所有b的实例中的a成员全都变了!! </script> 所以 在prototype继承中 原型类中不能有成员对象! 所有成员必须是值类型数据(string也可以) 用prototype继承有执行效率高,不会浪费内存,为父类动态添置方法后子类中马上可见等的优点。 我就非常喜欢用prototype继承。 prototype继承是通过把子类的原型对象(prototype)设置成父类的一个实例来进行继承的。 只简单的这样设置继承的确如楼主所说,有不少缺点。总的来说有四个缺点: 缺点一:父类的构造函数不是像JAVA中那样在给子类进行实例化时执行的,而是在设置继承的时候执行的,并且只执行一次。这往往不是我们希望的,特别是父类的构造函数中有一些特殊操作的情况下。 缺点二:由于父类的构造函数不是在子类进行实例化时执行,在父类的构造函数中设置的成员变量到了子类中就成了所有实例对象公有的公共变量。由于JavaScript中继承只发生在“获取”属性的值时,对于属性的值是String,Number和Boolean这些数据本身不能被修改的类型时没有什么影响。但是Array和Object类型就会有问题。 缺点三:如果父类的构造函数需要参数,我们就没有办法了。 缺点四:子类原本的原型对象被替换了,子类本身的constructor属性就没有了。在类的实例取它的constructor属性时,取得的是从父类中继承的constructor属性,从而constructor的值是父类而不是子类。 我也曾经为了这四个缺点头疼过,于是对prototype继承进行改造。 我试了几种方法,下面是我觉得最好的一种。我把它写成Function对象的一个方法,这样用的时候方便。方法如下: //类的继承-海浪版 Function.prototype.Extends = function (parentClass) { var Bs = new Function(); Bs.prototype = parentClass.prototype; this.prototype = new Bs(); this.prototype.Super = parentClass; this.prototype.constructor = this; }
相关推荐
我们已经在第一章中使用prototype属性模拟类和继承的实现。 prototype属性本质上还是一个JavaScript对象。 并且每个函数都有一个默认的prototype属性。 如果这个函数被用在创建自定义对象的场景中,我们称这个函数为...
主要介绍了JavaScript使用prototype属性实现继承操作,结合实例形式详细分析了JavaScript使用prototype属性实现继承的相关原理、实现方法与操作注意事项,需要的朋友可以参考下
JavaScriptprototype的深度探索不是原型继承那么简单.pdf
javascript原型继承,prototype的使用,可以像java一样继承
构造函数定义对象+prototype继承的实现,含CSS样式
不错的一篇关于javascript-prototype继承
详解JavaScript中基于原型prototype的继承特性_.docx
NULL 博文链接:https://liujunhg.iteye.com/blog/1069419
javascript的prototype原型简单介绍: prototype原型是javascript中特别重要的概念,属于必须要掌握,如果没有良好的掌握的话,进一步用好或者学好js基本是不可能的实现的事情,并且此概念稍有难度,可能对于初次接触...
每个函数都有一个prototype属性,这个属性是指向一个对象的引用,这个对象称为原型对象,原型对象包含函数实例共享的方法和属性,也就是说将函数用作构造函数调用(使用new操作符调用)的时候,新创建的对象会从原型...
Javascript中关于prototype属性实现继承的原理图
主要介绍了JavaScript使用prototype原型实现的封装继承多态,涉及javascript prototype与面向对象程序设计相关操作技巧,需要的朋友可以参考下
主要介绍了JavaScript不使用prototype和new实现继承机制的相关资料,需要的朋友可以参考下
一、什么是JavaScript中对象的prototype属性 JavaScript中对象的prototype属性,是用来返回对象类型原型的引用的。我们使用prototype属性提供对象的类的一组基本功能。并且对象的新实例会”继承”赋予该对象原型的...
本文实例讲述了javascript基于prototype实现类似OOP继承的方法。分享给大家供大家参考,具体如下: 这里要说明的是,公有属性(使用this.修饰符)可以被覆盖,私有属性(使用var 修饰符)不能被覆盖 子类不能访问父类...
主要介绍了javascript使用prototype完成单继承的方法及示例代码,有需要的小伙伴参考下
JavaScript中实现继承最简单的方式就是使用原型链,将子类型的原型指向父类型的实例即可,即“子类型.prototype = new 父类型();”,实现方法如下: // 为父类型创建构造函数 function SuperType() { thi
只有构造器才具有prototype属性,原型链继承就是创建一个新的指针,指向构造器的prototype属性。 prototype属性之所以特别,是因为javascript时读取属性时的遍历机制决定的。本质上它就是一个普通的指针。 构造器...