Extjs中使用extend(js繼承) 的代碼

註：抄<深入淺出Extjs>書
傳統的js實現繼承操作為：
一：定義一個父類
複製代碼 代碼如下:
var BaseClass = function(){
//.....
};
BaseClass.prototype.someMethod = function(){
//.....
};
BaseClass.prototype.overridenMethod = function(){
//....
}

為BaseClass定義兩個函數someMethod 和overridenMethod ,,然後定義一個subClass子類，可以直接從BaseClass中繼承所有的屬性和函數，
複製代碼 代碼如下:
var subClass = function(){
BaseClass.call(this);
};
subClass.prototype = new BaseClass();
subClass.prototype.newMethod = function(){
//...
};
subClass.prototype.overridenMethod = function(){
//...
}

在上面的代碼中，subClass的建構函式首先調用BaseClass的建構函式初始化資料，然後通過subClass.prototype = new BaseClass();這條語句讓subClass類獲得BaseClass中的所有屬性和函數。這樣就實現了繼承。在此之後我們就可以操作subClass的prototype，為子類添加新的函數或者覆寫父類的同名函數。
在EXT中使用Ext.extend()函數實現繼承功能的方法：
複製代碼 代碼如下:
var subClass = function(){
subClass.superclass.costructor.call(this);
};
Ext.extend(subClass, BaseClass,{
newMethod: function(){
//...
},
overridenMethod : function(){
//....
}
});

在Ext.extend()函數通過 subClass.superclass.costructor.call(this);就可以直接調用父類的建構函式。這個函數的第一個參數總是this， 以確保父類的建構函式在子類的範圍裡工作。
如果父類的建構函式需要傳入參數，我們也就可以將所需要的參數直接傳給它，如：
subClass.superclass.costructor.call(this， config);
這樣我們就得到了一個繼承了父類的所有屬性和函數的子類。