Js中的類式繼承
類式繼承對于大部分開發者來說都已經熟悉,只要有了帶方法(method)的類(class)就可以把他們實例化(instantiate)為對象.
下面就有一個簡單的方法來模擬類式繼承.代碼清單如下:
<script>
//輔助函數 定義
Function.prototype.method = function( name,func ){
this.prototype[name] = func;
return this;
}
//實現函數
Function.method('inherits', function(parent){
//記錄我們目前所在父層次的級數
var depth = 0;
//繼承父對象的方法
var proto = this.prototype = new parent();
//特權函數
this.method('uber', function uber(name){
var func;
var ret;
var v = parent.prototype;
//如果我們已經在某個 'uber' 函數之內
if(depth){
for (var i=d; i>0;i+=1) {
v = v.constructor.prototype;
};
//從該prototype中或得函數
func = v[name];
}
else{
//從prototype獲得要執行的函數
func = prototype[name];
//如果此函數屬于當前的prototype
if( func == this[name]){
//則改為調用父對象的prototype
func = v[name];
}
}
//記錄我們在繼承堆棧中所在位置的級數
depth += 1;
//
ret = func.apply(this,Array.prototype.slice.apply(arguments,[1]));
//恢復繼承堆棧
depth -= 1;
return ret;
});
return this;
})
//只繼承父對象特定函數的函數
Function.method('swiss',function(parent){
for (var i=1; i<arguments.length; i++) {
var name = arguments[i];
//將此方法導入this對象的prototype
this.prototype[name] = parent.prototype[name];
};
return this;
})
function Person( name ){
this.name = name;
}
//實現的例子
Person.method('getName', function(){
return name;
})
function User( name, password ){
this.name = name;
this.password = password;
}
User.inherits( Person );
</script>
Function.prototype.method = function( name,func ){
this.prototype[name] = func;
return this;
}
//實現函數
Function.method('inherits', function(parent){
//記錄我們目前所在父層次的級數
var depth = 0;
//繼承父對象的方法
var proto = this.prototype = new parent();
//特權函數
this.method('uber', function uber(name){
var func;
var ret;
var v = parent.prototype;
//如果我們已經在某個 'uber' 函數之內
if(depth){
for (var i=d; i>0;i+=1) {
v = v.constructor.prototype;
};
//從該prototype中或得函數
func = v[name];
}
else{
//從prototype獲得要執行的函數
func = prototype[name];
//如果此函數屬于當前的prototype
if( func == this[name]){
//則改為調用父對象的prototype
func = v[name];
}
}
//記錄我們在繼承堆棧中所在位置的級數
depth += 1;
//
ret = func.apply(this,Array.prototype.slice.apply(arguments,[1]));
//恢復繼承堆棧
depth -= 1;
return ret;
});
return this;
})
//只繼承父對象特定函數的函數
Function.method('swiss',function(parent){
for (var i=1; i<arguments.length; i++) {
var name = arguments[i];
//將此方法導入this對象的prototype
this.prototype[name] = parent.prototype[name];
};
return this;
})
function Person( name ){
this.name = name;
}
//實現的例子
Person.method('getName', function(){
return name;
})
function User( name, password ){
this.name = name;
this.password = password;
}
User.inherits( Person );
</script>
下面重點講解一下,上面的三個函數
1.Function.prootype.method:它提供了一個簡單的方法,把函數與構造函數的原型關聯起來;之所以有效,是因為所有的構造函數本身都是函數,所以能獲得"method"這個新方法;
來自:小賀
2.Function.prototype.inherite: 這一函數可以提供簡單的對象繼承,他的代碼主要圍繞在任意方法中調用this.uber('methodName')為中心,并在讓這個uber方法去執行他要覆蓋的父對象.這是javascript繼承模型中并未內建的部分.
3. Functon.prototype.swiss:這是.method()函數的增強版,可以用于從單一父對象獲取多個函數.如果用在多個父對象上就能能獲得可用的多對象繼承.
全站熱搜