Miben különböznek az adatok tárolásának mechanizmusai a LocalStorage, SessionStorage és a cookie-k között a böngészőben?

A LocalStorage, SessionStorage és a cookie három olyan mechanizmus, amelyek a böngészőben adatok tárolására szolgálnak, és különböznek a kapacitásban, az élettartamban és az elérhetőségben.

• LocalStorage

  • Adatokat tárol időkorlát nélkül (amíg manuálisan nem törlik őket).
  • Általában körülbelül 5-10 MB a kapacitás.
  • Az adatok elérhetők minden fülön és ablakon ugyanazon a domainen.
  • HTTP kérések során nem kerülnek a szerverhez küldésre.

• SessionStorage

  • Csak egy munkamenet során élnek (amíg a fül nyitva van).
  • A kapacitás hasonló a LocalStorage-hoz.
  • Csak az aktuális fülön/ablakban érhetők el.
  • Nem kerülnek a szerverhez küldésre.

• Cookies

  • Lehetnek lejárati idejük, amely után törlődnek.
  • A kapacitás korlátozott (körülbelül 4 KB cookie-nként).
  • Az adatok automatikusan küldésre kerülnek a szervernek minden kérésnél a megfelelő domainhez.
  • Hitelesítéshez, követéshez stb. használják.

LocalStorage használati példa:

localStorage.setItem('user', 'Alice');
const user = localStorage.getItem('user');