原型模式

習題預習

1. 什麼是Prototype Pattern？
2. 如何實作Prototype Pattern？
3. 何時應該使用Prototype Pattern？
4. Prototype Pattern與其他設計模式有何不同？
5. 一個物件如何成為Prototype，並如何複製一個新的物件？

說明知識

Prototype Pattern是一種創建型設計模式，目的是基於現有的物件或原型，通過複製來產生新的物件實例，這樣就可以避免重複創建物件導致的資源浪費和效能下降。

在JavaScript中的Prototype Pattern通常是通過對象的複製或原型繼承來實現的。每個對象都有一個原型對象，當需要新的對象時，只需使用現有對象的原型進行複製便可創建出一個新對象。

下面是一個Prototype Pattern的例子：

// 定義一個食物原型對像
var foodPrototype = {
  setName: function(name) {
    this.name = name;
  },
  getName: function() {
    return this.name;
  }
};

// 創建新的食物物件
var food1 = Object.create(foodPrototype);
food1.setName('蘋果');
console.log(food1.getName()); // 輸出：蘋果

// 創建另一個新的食物物件
var food2 = Object.create(foodPrototype);
food2.setName('橘子');
console.log(food2.getName()); // 輸出：橘子

在上述例子中，我們定義了一個食物原型對像foodPrototype，該對像包含兩個方法：setName和getName，分別用於設置和獲取食物名稱。然後我們使用Object.create方法基於這個原型對像創建出兩個新的食物物件food1和food2，並對它們分別設置了不同的名稱。這樣我們就達到了避免重複創建食物物件的目的，同時也簡化了代碼。

彙總重點

1. 它是一種創建型設計模式，用於創建複雜對象。
2. 它通過複製現有的對象來創建新對象，而不是從頭開始重新創建。
3. 它減少了代碼重複，通過從現有對象中創建新的對象來提高代碼的可維護性和可擴展性。
4. 它支持深複製和淺複製，以便創建與原始對像關聯度不同的新對象。
5. 它可以應用於各種場景，包括創建大量相似的對象、保護現有對象免受外部修改以及實現快速原型設計。

知識測驗

1. 如何實現一個Prototype Pattern？
   答：實現一個Prototype Pattern需要使用原型對象。在首次創建對象時，我們可以從該對象克隆出一個原型，然後擴充或修改克隆的對象。

2. Prototype Pattern 的目的是什麼？
   答：Prototype Pattern旨在使用現有對象作爲模板來創建新的對象，而不是創建一個新的類別。這樣可以避免以前的代碼的修改。

3. Prototype Pattern 和 Factory Pattern 有什麼不同？
   答：Prototype Pattern使用一個現有的對象作爲模板，從該對象克隆出新的對象；而Factory Pattern創建新的對象，而不是使用現有的對象來製作新的對象。

4. Prototype Pattern 的優點是什麼？
   答：Prototype Pattern可以減輕創建新對象的開銷，因爲它不需要經歷嚴格的構建過程，只需要克隆一個現有的對象就可以了。同時，它也可以簡化代碼結構，提高代碼可讀性和可維護性。

5. Prototype Pattern 在實際開發中的使用場景有哪些？
   答：Prototype Pattern可以在需要大量創建對象的場景中使用，例如圖形編輯器、筆記軟件等。通過Prototype降低創建新對象的開銷，提高應用程序的性能和效率。