| prototype.js dojo 中 javascript继承实现
1、对象的继承 在prototype.js中extend实现中，只是简单的属性拷贝。在dojo
的lang.js中,也有个属性拷贝的函数 叫 dojo.lang.mixin。显然dojo的实现严谨多了。
既没有改变Object.prototype，另外toString函数也可以拷贝到目标对象中。 如果你熟悉 commons-beanutils
的copyProperties方法，那么就好理解了，但要注意javascript中function函数也是数据类型。
500)this.width=500'> 500)this.width=500'> dojo.lang.mixin = function(obj, props) 500)this.width=500'> {500)this.width=500'>500)this.width=500'> var tobj = 500)this.width=500'> {} ;500)this.width=500'>500)this.width=500'> for (var x in props) 500)this.width=500'> {500)this.width=500'>500)this.width=500'> if (typeof tobj[x] == undefined || tobj[x] != props[x]) 500)this.width=500'> {500)this.width=500'> obj[x] = props[x];500)this.width=500'> } 500)this.width=500'> } 500)this.width=500'> // IE doesn\'t recognize custom toStrings in for..in 500)this.width=500'> 500)this.width=500'> if (dojo.render.html.ie && dojo.lang.isFunction(props[ toString ]) && props[ toString ] != obj[ toString ]) 500)this.width=500'> {500)this.width=500'> obj.toString = props.toString;500)this.width=500'> } 500)this.width=500'> return obj;500)this.width=500'>}
例子代码
<SCRIPT LANGUAGE=JavaScript><!--function pf(key,msg){ document.writeln(<div>+key+\':\'+msg+</div>);}Object.extend = function(destination, source) { for (property in source) { destination[property] = source[property]; } return destination;}function Source(name){ this.name=name;};Source.prototype.getName=function(){ return this.name;}Source.prototype.obj={name:\'aaa\'};Source.prototype.toString=function(){ return this.name;}var source=new Source(\'zkj\');var obj={};pf(\'obj.name\',obj.name)Object.extend(obj,source);pf(\'obj.name\',obj.name)//zkjpf(\'source\',source)//zkjpf(\'obj\',obj)//没有拷贝toString函数pf(\'source.obj.name\',source.obj.name)//aaaobj.obj.name=\'bbb\';pf(\'obj.obj.name\',obj.obj.name) //bbbpf(\'source.obj.name\',source.obj.name) //--></SCRIPT>
对象之间的属性拷贝（extend） 和java c++中继承概念完全不一样。有几个问题需要注意a、如果源对象的属性在 (for in) 不出现，那目标对象将不全。 for inb、如果源对象的属性是prototype的属性，也可以拷贝，但目标对象将当作自己的属性来使用。c、如果属性是对象（引用传递），那任何持有者修改这个对象，内容全部都修改了。所以只是“浅度clone”.你也可以模仿dwr DWRUtil.toDescriptiveString方法实现多层的属性拷贝（没必要吧）。d、如果属性是方法，那目标对象使用方法可能会出现问题，因为方法中很可能包括 this 关键字。所以我觉得javascript对象只当作数据模型使用可能会简单很多。如DWR框架，这也是我喜欢dwr原因之一，完全以数据为核心的AJAX框架。
2、自定义类的继承 我把用function定义的类叫自定义类。如 function Person(name){this.name=name}; 这种类有个复杂的原型对象porotype。如
果用prototype.js实现这类的继承，只能变相的通过原型对象的拷贝来实现。(Object.extend(des.prototype,
source.prototype))。这样两个类的原型对象内容一样，但这种方法叫继承太过牵强，我感觉用起来有一定限制。（大家可以读
prototype.js看到这种用法）
关于类的继承我推荐dojo或犀牛书中写法。
<SCRIPT LANGUAGE=JavaScript>var dojo={};dojo.lang={};dojo.inherits = function(subclass, superclass){ subclass.prototype = new superclass(); subclass.prototype.constructor = subclass; subclass.superclass = superclass.prototype;}dojo.lang.mixin = function(obj, props){ var tobj = {}; for(var x in props){ if(typeof tobj[x] == undefined || tobj[x] != props[x]) { obj[x] = props[x]; } } // IE doesn\'t recognize custom toStrings in for..in if(true) { obj.toString = props.toString; } return obj;}
dojo.lang.extend = function(ctor, props){ this.mixin(ctor.prototype, props);}
dojo.lang.extendPrototype = function(obj, props){ this.extend(obj.constructor, props);}function Person(){}Person.prototype.getName=function(){ return this.name;}Person.prototype.setName=function(name){ this.name=name;}Person.prototype.toString=function(){ return this.name;}function Man(){}dojo.inherits(Man, Person);dojo.lang.extend(Man,{getName:function(){return this.name+\' of Man\';},getAge:function(){return this.age;},setAge:function(age){this.age=age;}});var man=new Man();man.setName(\'zkj\');man.setAge(25);alert(man.getName());alert(man.getAge());alert(Man.superclass.getName.call(man,null));//父方法</SCRIPT>
这样模拟的java中的继承，也有方法覆盖等概念，可对于javascript语言来说，这样造成一定的复杂性。有几个方面需要注意：a、在java中，继承是为了代码重用，语言的特性决定java继承是有用的（多用接口代替继承）。但javascript中，继承存在好象没那么必要，估计是那帮java迷的杰作。b、javascript语言的可重用代码比较难写，不同浏览器，语言版本也带来一些复杂性。javascript包机制，模块划分,严格的语法检查等等的不完善支持，造成javascript代码的一片混乱。c、javascript在网页中的作用与java，c++作用不同，实现的功能决定高级语言特征不需要。但现在ajax的兴起可能有改观。d、继承虽然可以模拟实现，但这只是模拟，并不是语言底层支持，在代码质量、代码风格、可读性、可维护性都会造成一定麻烦。如果你用了dojo，那你必须让读你代码的人也熟悉dojo。或知道你的代码实现思路。 e、IDE支持。javascrit极大的软肋，就不多说。javascript框架的复杂度、推广的难度，编译检查等，决定javascript的复杂应用只是少数人能干的事。f、
浏览器中javascript需要多线程吗？好象csdn见有人模拟了个实现。完全不需要。浏览器下载了代码，自己用自己的。所以我认为
javascript中只有静态 （static）方法就够了，没必要有对象概念。只要var obj=new
Object();这种只放数据的对象加上静态方法就够了。
大家可以看看dojo的代码。
说这么多，在你自己写的代码中，你不要用javascript的类继承，我宁愿ctrl+c\\v 也不用继承来重用代码。除非dojo真的能统一江湖。 |
