¿Puede alguien ayudarme a explicar por qué no puedo asignar esta lista como un prototipo de objeto de la misma manera que puedo asignar una propiedad de objeto más simple? Entendí que obj_a y obj_b deberían tener cada uno sus propias instancias de _amount y _list.
Esto devuelve valores únicos para cada objeto... como se esperaba:
const Amount = { _amount: 0, set_Amount: function (foo) { this._amount = foo; }, get_Amount: function () { return this._amount; }, }; function func_a() {} function func_b() {} const obj_a = new func_a() const obj_b = new func_b() Object.assign(func_a.prototype, Amount); Object.assign(func_b.prototype, Amount); obj_a.set_Amount(1) obj_b.set_Amount(2) console.log(obj_a.get_Amount()) //1 console.log(obj_b.get_Amount()) //2Pero las matrices se están consolidando aquí... ¿entonces parecen compartir la misma instancia?
const objList = { _list: [], add_item: function (foo) { this._list.push(foo) }, list: function () { return this._list; }, total: function (){ let x = 0; for (let item in this._list) { x = Number(x) + Number(this._list[item]); } return x; } } function type_a() {} function type_b() {} const obj_a = new type_a() const obj_b = new type_b() Object.assign(type_a.prototype, objList); Object.assign(type_b.prototype, objList); obj_a.add_item(1) obj_a.add_item(2) obj_b.add_item(3) obj_b.add_item(4) console.log(obj_a.list()) // [1, 2, 3, 4] console.log(obj_a.total()) // 10 console.log(obj_b.list()) // [1, 2, 3, 4] console.log(obj_b.total()) // 10Es porque la matriz es un objeto, por lo que incluso cuando fusiona un clon de objList con Object.assign() , los objetos anidados se copian superficialmente o se copian por referencia. Esto es diferente a las primitivas como números, cadenas, booleanos, etc., que se copian por valor.
// Create const baseObj = { list: [], // Object num: 0 // Primitive } // Clone const testA = {...baseObj} const testB = {...baseObj} // Mutate testA.num = 5; testB.list.push(2); // Test console.log('Are Objects copied by reference? ', testA.list === testB.list) console.log('Are Primitives copied by reference? ', testA.num === testB.num) Necesitamos una clonación profunda de objList para crear instancias completamente nuevas de todo lo que hay dentro. Podemos usar cloneDeep cloneDeep() de lodash para hacer esto:
const objList = { _list: [], add_item: function (foo) { this._list.push(foo) }, list: function () { return this._list; }, total: function (){ let x = 0; for (let item in this._list) { x = Number(x) + Number(this._list[item]); } return x; } } function type_a() {} function type_b() {} Object.assign(type_a.prototype, _.cloneDeep(objList)); Object.assign(type_b.prototype, _.cloneDeep(objList)); const obj_a = new type_a() const obj_b = new type_b() obj_a.add_item(1) obj_a.add_item(2) obj_b.add_item(3) obj_b.add_item(4) console.log(obj_a.list()) console.log(obj_a.total()) console.log(obj_b.list()) console.log(obj_b.total()) <script crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>