Mi a fő különbség a módosítható és az immutábilis adattípusok között?

A fő különbség az, hogy lehetőség van az objektum értékének módosítására a létrehozása után. A módosítható típusok lehetővé teszik közvetlen változtatásokat, míg a nem módosítható típusok nem. A "módosítás" során egy nem módosítható objektum esetében valójában egy új objektum jön létre új értékkel.

Példák:

Módosítható típusok:

• Array
• Object

// Módosítható példa (Array)
let mutableArray = [1, 2];
mutableArray.push(3); // Meglévő tömb módosítása
console.log(mutableArray); // Kiírja: [1, 2, 3]

// Módosítható példa (Object)
let mutableObject = { a: 1 };
mutableObject.b = 2; // Meglévő objektum módosítása
console.log(mutableObject); // Kiírja: { a: 1, b: 2 }

Nem módosítható típusok:

• String
• Number
• Boolean
• null
• undefined
• Symbol
• BigInt

// Nem módosítható példa (String)
let immutableString = "szia";
immutableString = immutableString + " világ"; // Új string jön létre
console.log(immutableString); // Kiírja: szia világ

// A referenciák összehasonlítása megmutatja a különbséget
let str1 = "abc";
let str2 = str1.toUpperCase();
console.log(str1 === str2); // Kiírja: false

// Nem módosítható példa (Number)
let immutableNumber = 10;
immutableNumber = immutableNumber + 5; // Új numerikus érték jön létre
console.log(immutableNumber); // Kiírja: 15

Összehasonlítás:

Jellemző	Módosítható	Nem módosítható
Módosítás	A létrehozás után lehetséges	A létrehozás után nem lehet
Új hivatkozás	Ugyanaz marad	Új jön létre a "módosítás" során

A különbség megértése kulcsfontosságú a kód előrejelezhetősége, az állapotokkal való munka (például React és Redux esetén) és az optimalizálás szempontjából. A nem módosítható adatok használata megkönnyíti a hibakeresést, lehetővé teszi az undo funkciók könnyű megvalósítását, és optimalizálja a renderelést UI-keretrendszerekben az egyszerű referencia összehasonlítások révén.