Mik a fő különbségek a LocalStorage, SessionStorage és Cookies között az adatok tárolásában a böngészőben?

A LocalStorage, SessionStorage és Cookies három módszert jelentenek az adatok tárolására a böngészőben, de különböznek a térfogatban, az élettartamban és a láthatósági területen:

• LocalStorage:

  • Adatokat tárol lejárati dátum nélkül, amíg a felhasználó manuálisan nem törli őket.
  • Az adatok minden fülön és ablakban elérhetők ugyanazon a domainen belül.
  • Általában körülbelül 5-10 MB a térfogata.
  • Minden kérésnél nem küldődik el a szervernek.

• SessionStorage:

  • Csak egy munkamenet során (amíg a böngészőfül nyitva van) élnek.
  • Más fülön vagy ablakban nem elérhetők.
  • Térfogata hasonló a LocalStorage-hoz.
  • Nem küldődik el a szervernek.

• Cookies:

  • Korlátozott a mérete (körülbelül 4 KB).
  • Lehetnek életciklusuk, amely után törlődnek.
  • Minden HTTP-kérésnél elküldésre kerülnek a megfelelő domainhez.
  • Hitelesítéshez, munkamenet követéséhez stb. használják.

Példa a LocalStorage használatára:

// Adatok mentése
localStorage.setItem('username', 'user123');

// Adatok lekérése
const user = localStorage.getItem('username');