了解 JavaScript 中的原型共享:从原型继承的对象
在 JavaScript 中,对象从其原型继承属性。需要考虑的一个方面是定义为原型属性的数组在类实例中的行为方式。
据观察,原型数组不是单个类实例私有的,而是在所有实例之间共享。出现这种行为是因为对象的原型充当对象本身。原型属性由从该特定原型派生的所有对象共享。
考虑以下示例:
function Sandwich() { // Uncomment this to fix the problem //this.ingredients = []; } Sandwich.prototype = { "ingredients" : [], "addIngredients" : function( ingArray ) { for( var key in ingArray ) { this.addIngredient( ingArray[ key ] ); } }, "addIngredient" : function( thing ) { this.ingredients.push( thing ); } }
在此示例中,名为“ingredients”的数组被定义为“三明治”功能。如果“this.ingredients = [];”在构造函数中被注释掉,会发生以下行为:
当创建“Sandwich”的新实例(例如“cheeseburger”或“blt”)时,这些实例最初继承自“ingredients”数组原型。对此数组进行的修改(例如向“芝士汉堡”添加成分)也会影响所有其他“三明治”实例的“成分”数组。这种共享行为的原因是所有实例都引用相同的数组,而不是单独的副本。
要解决此问题并为每个实例创建单独的数组,必须在构造函数中定义“ingredients”数组:
function Sandwich() { this.ingredients = []; }
此修改在构造过程中为“三明治”的每个实例分配一个新数组,确保对“成分”数组所做的任何更改都是特定于实例的。
总而言之,定义为原型属性的数组在继承该原型的所有对象之间共享。要创建特定于实例的数据(例如数组),必须在构造函数中定义它们。这种理解对于在 JavaScript 中有效使用继承和面向对象编程至关重要。
以上是为什么 JavaScript 中的原型数组在类实例之间共享?的详细内容。更多信息请关注PHP中文网其他相关文章!