原型化為陣列的JavaScript 物件成員：跨類別實例共享

在JavaScript 中對陣列進行原型設計時，了解這些成員是共享的至關重要在所有類別實例中。如果您習慣了私有物件成員，這種行為可能看起來違反直覺。

行為解釋

JavaScript的原型機制允許物件從父物件繼承屬性和方法，稱為原型。當您將陣列定義為原型中的屬性時，從該原型繼承的所有物件都可以存取它。

範例腳本示範了此行為：

function Sandwich() {
    // Uncomment this to fix the problem
    //this.ingredients = [];
}

如果取消註解行，每個 Sandwich 實例都會有自己的私有成分陣列。然而，當該行被註解掉後，所有實例共享相同的原型數組。

這意味著在cheesburger添加成分也會更新blt和spicy_chicken_sandwich的成分。為了防止這種情況，您必須在建構函式中定義成分數組，如下面更新的範例所示：

function Sandwich() {
    this.ingredients = [];
}

原型與實例

區分原型屬性和實例屬性至關重要。原型屬性由從該原型繼承的所有物件共享，而實例屬性對於每個物件都是唯一的。

• 將屬性指派給原型以定義共享資料或方法。
• 指派建構函式內實例的屬性以定義特定於實例的資料。

程式碼修改以修復Behaviour

在範例腳本中，取消註解行this.ingredients = []; Sandwich 建構函數中確保每個實例都按預期擁有自己的成分數組。

結論

了解 JavaScript 中原型陣列的行為對於避免意外共享至關重要類別實例之間。永遠記住，應該是特定於實例的資料應該在建構函式中定義，而共享資料可以透過繼承來分配給原型。