為什麼原型化為陣列的 JavaScript 物件成員在類別實例之間共用？

原型化為陣列的JavaScript 物件成員：在類別實例之間共用

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

行為解釋

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

範例腳本示範了此行為：

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

使用註解行如果不加註釋，每個 Sandwich 實例都有自己的私有成分數組。然而，當該行被註解掉時，所有實例共享相同的原型數組。

這表示在起司漢堡中加入食材也會更新 blt 和Spicy_chicken_sandwich 的成分。為了防止這種情況，您必須在建構函式中定義成分數組，如下面更新的範例所示：

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

原型與實例

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

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

修復行為的程式碼修改

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

結論

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

以上是為什麼原型化為陣列的 JavaScript 物件成員在類別實例之間共用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！