<
SCRIPT LANGUAGE
=
"
JavaScript
"
>
<!--
Object.extend
=
function (destination, source)
{
for
(property in source)
{
destination[property]
=
source[property];
}
return
destination;
}
function Man()
{
this
.name
=
'
zkj
'
;
}
Man.prototype.type
=
'
男人
'
;
Man.prototype.getType
=
function ()
{
return
this
.type;
}
function Woman()
{}
Object.extend(Woman.prototype,Man.prototype);
var man
=
new
Man();
var woman
=
new
Woman();
alert(man.getType());
alert(man.name);
alert(woman.getType());
alert(woman.name);
//
-->
</
SCRIPT
>
我只能说javascript的继承是模拟实现的。和java,c++中是不同的。是依靠prototype实现的。
我个人从来不用javascript的“继承”,始终认为javascript实现的继承不是真正的继承。可能是受java”毒害“够深。
在javascript中,我把继承分为两类: 类继承,对象继承。
(1)、prototype.js中的继承prototype.js中用如下代码实现继承。我认为只是个属性拷贝过程。
Object.extend = function (destination, source) {
for (property in source) {
destination[property] = source[property];
}
return destination;
} //Object.prototype.extend 感觉这句话没必要,太模仿java了,想让对象实例直接继承。
a、prototype.js中的类继承
prototype.js 1.3 . 1
String.prototype.extend( {
stripTags: function () {
return this .replace( /< \ /? [ ^> ] +>/ gi, '');
} ,
escapeHTML: function () {
var div = document.createElement('div');
var text = document.createTextNode( this );
div.appendChild(text);
return div.innerHTML;
} ,
unescapeHTML: function () {
var div = document.createElement('div');
div.innerHTML = this .stripTags();
return div.childNodes[ 0 ].nodeValue;
}
} ); 我把这类型的继承叫做类继承,直接把你自己写的对象属性拷贝到原型对象中去。
<SCRIPT LANGUAGE = "JavaScript">
<!--
Object.extend = function (destination, source) {
for (property in source) {
destination[property] = source[property];
}
return destination;
}
function Man() {
this .name = 'zkj';
}
Man.prototype.type = '男人';
Man.prototype.getType = function () {
return this .type;
}
function Woman() {}
Object.extend(Woman.prototype,Man.prototype);
var man = new Man();
var woman = new Woman();
alert(man.getType());
alert(man.name);
alert(woman.getType());
alert(woman.name);
// -->
</SCRIPT> 看了以上代码,可能你会明白。直接拷贝类的原型对象确实可以实现某种概念上的继承。
但要注意:在继承体系中,Man的原型对象属性方法最好不要用Man的实例属性(name),因为可能Woman中并没有定义实例属性name;也最好不要用Man)原型对象属性字段(type),虽然type也被拷贝过来了,但值还是”男人“。
虽然有解决办法,但javascript没有很好的语法检查工具,你用prototype.js的类继承时小心处理。
b、prototype.js中的对象继承
prototype.js 1.3.1
this.options = {
method: 'post',
asynchronous: true,
parameters: ''
}.extend(options || {});
这个应用比较简单,典型的对象之间属性拷贝覆盖。
总结:关于prototype.js中继承的实现,我们当成javascript对象的属性拷贝可能在应用中更好理解。建议大家仔细读读prototype.js代码可能体会更深。模仿prototype.js中extend的应用。感觉var Insertion = new Object(); 的实现比较经典。
(2)、dojo-0.2.0-ajax中的继承
dojo.inherits = function (subclass, superclass) {
if ( typeof superclass != ' function ') {
dojo.raise( " superclass: " + superclass + " borken " );
}
subclass.prototype = new superclass();
subclass.prototype.constructor = subclass;
subclass.superclass = superclass.prototype;
// DEPRICATED: super is a reserved word, use 'superclass'
subclass['super'] = superclass.prototype;
} dojo的继承实现比较正统,也是《javascript权威指南》中的实现方法。注意最后一句代码可以实现子类访问父类原型对象的方法。
<SCRIPT LANGUAGE = "JavaScript">
<!--
function Man() {
this .name = 'zkj';
}
Man.prototype.type = '男人';
Man.prototype.getType = function () {
return this .type;
}
function Woman() {}
Woman.prototype = new Man();
Woman.prototype.constructor = Woman;
Woman.superclass = Man.prototype;
// DEPRICATED: super is a reserved word, use 'superclass'
Woman['super'] = Man.prototype;
Woman.prototype.type = '女人';
var man = new Man();
var woman = new Woman();
alert(man.getType());
alert(man.name);
alert(woman.getType());
alert(Woman.superclass.getType());
alert(woman.name);
// -->
</SCRIPT> 看看代码,感觉混乱。
dojo一直没时间仔细读读代码。这部分详细讨论待续。
(3)、总结
关于javascript的继承实现,建议一般不要使用,感觉很乱,代码可读性较差。一般也没有使用必要。详细在《9、javascript对象使用指南》中讨论。