|
??? 作者:Flyingis
5? 自定義類和對象
5.1? 工廠方法
??? 在ECMAScript中創(chuàng)建工廠方法,返回一個特定類型的對象,以此實現(xiàn)代碼的簡潔適用。
 function?createFruit()? {
??var?tempFruit?=?new?Object;
??tempFruit.name?=?"apple";
??tempFruit.number?=?5;
 ??tempFruit.showName?=?function()? {
????alert(this.name);
??};
return?tempFruit;
}

var?Fruit1?=?creatFruit();
var?Fruit2?=?creatFruit(); ??? 在createFruit()中可以加入形參來傳入?yún)?shù)的值。隨著ECMAScript不斷被規(guī)范化,這種創(chuàng)建對象的方法已不再流行,一部分原因是語法上的,一部分原因是功能上的,如每個對象的實例都擁有屬于自己的showName方法,給內(nèi)存管理帶來一定的開銷。
5.2? 構(gòu)造函數(shù)
??? 選擇一個類名,第一個字母大寫,該類名即是構(gòu)造函數(shù)的名稱。創(chuàng)建一個構(gòu)造函數(shù)和工廠方法比較類似,不同的是需要使用關(guān)鍵字new來創(chuàng)建對象的引用。使用構(gòu)造函數(shù)的方式來創(chuàng)建對象和使用工廠方法有著相同的弊端。
 function?Fruit(name,?number)? {
??this.name?=?name;
??this.number?=?number;
 ??this.showName?=?function()? {
????alert(this.name);
??};
}

var?Fruit1?=?new?Fruit("apple",?5);
var?Fruit2?=?new?Fruit("pear",?3); 5.3? 使用 Prototype
??? 使用prototype屬性可以用來創(chuàng)建新的對象,首先需要一個空的構(gòu)造函數(shù)建立類的名稱,然后所有的屬性和方法都直接分配到prototype屬性中。
 function?Fruit()? {
}
Fruit.prototype.name?=?"apple";
Fruit.prototype.number?=?5;
 Fruit.prototype.showName?=?function()? {
??alert(this.name);
};

var?fruit1?=?new?Fruit();
var?fruit2?=?new?Fruit(); ??? 但是,這樣同樣存在一些缺點。首先,構(gòu)造函數(shù)中沒有參數(shù),給初始化帶來一些麻煩,其次,當一個屬性指向的是一個對象而非方法時,該對象會被所有的實例所共享,任何一點改動都會影響到其他對象引用的使用。
5.4? 混合使用工廠方法和Prototype
這個概念很簡單:使用構(gòu)造函數(shù)定義所有除方法外的屬性,使用 prototype 定義對象的方法。這樣每個方法只會被創(chuàng)建一次,每個對象都能擁有自己對象實例的屬性。
 function?Fruit(name,?number)? {
??this.name?=?name;
??this.number?=?number;
??this.owner?=?new?Array("Jerry",?"Terry");
}
 Fruit.prototype.showName?=?function()? {
??alert(this.name);
};

var?Fruit1?=?new?Fruit("apple",?5);
var?Fruit2?=?new?Fruit("pear",?3); 5.5? 動態(tài) prototype
??? 簡單來說,這種方法就是使用了一個標識符來判斷 prototype 是否已經(jīng)被指向某個方法,從而保證這些方法只會被創(chuàng)建并指向一次。
5.6? 混合工廠方法
??? 這種方法和經(jīng)典的工廠方法及構(gòu)造函數(shù)方法在對象方法內(nèi)存管理上存在同樣的問題,一般不建議使用該方法,除了某些特殊情況(XML in JavaScript中有這樣的例子)。
6? 修改對象
??? 使用prototype對象可以對對象進行修改。除了用戶自定義的對象外,ECMAScript原始對象也有prototype屬性。直接使用 prototype可以給對象創(chuàng)建新的方法。
 Number.prototype.toHexString?=?function()? {
??return?this.toString(16);
};
var?iNum?=?10;
alert(iNum.toHexString());??//輸出A ??? 另外,使用prototype可以輕松修改已有的方法,讓方法名指向新的方法。需要注意的是,指向新的方法后,原有的方法不再被任何對象使用,將會被垃圾回收器銷毀,使得原有方法不再存在。比較安全的解決辦法是,建立一個新的引用來保存原有的方法,然后再將原方法覆蓋。
??? 比較特殊的是,ECMAScript中創(chuàng)建對象,在對象引用被創(chuàng)建后,可以給對象加入新的方法,并且可以立即在對象的引用中使用。這是ECMAScript的一個特性,但不推薦這樣使用,以免帶來不必要的麻煩,例如閱讀理解、文檔資料等。
|