|
|
??? 作者：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ù)，給初始化帶來一些麻煩，其次，當(dāng)一個屬性指向的是一個對象而非方法時，該對象會被所有的實例所共享，任何一點改動都會影響到其他對象引用的使用。
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的一個特性，但不推薦這樣使用，以免帶來不必要的麻煩，例如閱讀理解、文檔資料等。
|