JavaScript 設計模式

138

　 　

第六章

你也許也在某些 JavaScript 函式庫中可以找到原型繼承模式的實作；例如 YUI3 的

Y.Object()

方法：

用複製屬性實作繼承

我們來看看另一個繼承模式—用複製屬性來繼承。在這個模式中，物件向其他物件取得功

能的方式，只是簡單的使用複製。下面是用來複製屬性的範例函式

extend()

的實作：

這是個簡單的實作，只是用迴圈尋訪父物件的每個成員並複製它們。在這份實作中

child

是選用的，意思是若你沒有傳遞現成的物件來擴充，那麼會建立一個全新的物件並回傳：

這裡所做的，就是所謂對物件的「淺層複製」（shallow copy）。而「深層複製」指的

是：會檢查你所要複製屬性的是否為物件或陣列，若是的話，會用遞迴的方式進入該物

件，一樣尋訪每個屬性並複製。使用淺複製的時候，因為 JavaScript 的物件是使用參考來

傳遞，如果你改變了子物件的屬性值，只要該屬性是物件，那麼你也同時改變了父物件的

屬性。這樣的特性較適合方法（因為函式也是物件、也是用參考傳遞），但對於物件和陣

列，則會讓人感到意外。考慮這個例子：[133]

ECMA5 表示符

程式碼重用模式

　 　

139

現在讓我們修改

extend()

函式，來做一個深層複製的版本。你需要做的就是檢查屬性是

否為物 ...