X'inhu d-differenza bejn kopja bajda u kopja profonda?

Question

Accepted Answer

Oġġetti huma assenjati **bir-referenza**, għalhekk `b = a` ma kkopiajx — it-tnejn jippuntaw għall-istess oġġett. **Kopja bajda** tiddupplikaw il-livell ta' fuq iżda taqsam referenzi nested; **kopja profonda** tiddupplikaw kollox, kompletament indipendenti.

```js
const original = { name: "Ann", address: { city: "NY" } };

// shallow copy: spread / Object.assign
const shallow = { ...original };
shallow.name = "Bob";            // ✅ independent (top-level primitive)
shallow.address.city = "LA";     // ⚠️ ALSO changes original.address.city — shared!

original.address.city; // "LA"  ← mutated through the shallow copy
```

L-oġġett `address` nested huwa r-**referenza stessa** fit-tnejn, għalhekk il-mutazzjoni tiegħu taffettwa t-tnejn.

## Għamil kopja profonda

```js
const deep = structuredClone(original); // modern, built-in, handles most types
deep.address.city = "Chicago";          // ✅ original is untouched
```

Opsjonijiet oħra u r-reservar tagħhom:

```js
JSON.parse(JSON.stringify(obj)); // simple, but LOSES functions, Dates → strings, undefined
// lodash: _.cloneDeep(obj)       // robust, for complex cases
```

## Għaliex huwa importanti

Dan huwa l-akbar sors ta' bugs "għaliex il-istat tiegħi nbidel b'mod inaspettat?", speċjalment f'React/Redux fejn m'għandekx tista' tmutaw l-istat.

Spread huwa tajjeb meta nbiddel biss il-kampi tal-livell ta' fuq, iżda għal aġġornamenti nested trid tikkopja l-livell nested ukoll (`{ ...obj, address: { ...obj.address, city } }`) jew agħmel kopja profonda.