Kuna nini tofauti kati ya nakili nyingi na nakili kali?

Question

Accepted Answer

Vitu vingizwa **kwa rejerensi**, kwa hiyo `b = a` haikusumudu — zote zinaonelea kitu kimoja. Nakili **nyingi** haufiluhu kiwango cha juu lakini kushirikiana marejezenti yang'ayo; nakili **kali** haufiluhu kila kitu, kuwa na uhuru kamili.

```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
```

Kitu cha kuzunguza `address` ni **rejerensi sawa** katika zote mbili, kwa hiyo kusababu mabadiliko yataathiri zote.

## Kutengeneza nakili kali

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

Chaguo nyingine na fungu lao:

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

## Kuna nini muhimu

Hii ni chanzo kikuu cha "kwa nini hali yangu ilibadilika bila kukusudiwa?" matatizo, hasa katika React/Redux ambapo lazima usimusudu hali.

Spread ni vizuri wakati unabadilisha sehemu za kiwango cha juu tu, lakini kwa mabadiliko yang'ayo lazima kunakili kiwango cha kuzunguza pia (`{ ...obj, address: { ...obj.address, city } }`) au fanya klon kali.