Aké sú rozdiely medzi mechanizmami ukladania údajov v LocalStorage, SessionStorage a cookies v prehliadači?

LocalStorage, SessionStorage a cookies sú tri mechanizmy ukladania údajov v prehliadači, ktoré sa líšia objemom, dobou platnosti a dostupnosťou.

• LocalStorage

  • Ukladá údaje bez dátumu vypršania (kým ich manuálne nevymažete).
  • Objem je zvyčajne okolo 5-10 MB.
  • Údaje sú dostupné vo všetkých záložkách a oknách toho istého domény.
  • Neposiela sa na server pri HTTP požiadavkách.

• SessionStorage

  • Údaje žijú iba v rámci jednej relácie (kým je otvorená záložka).
  • Objem je podobný ako pri LocalStorage.
  • Údaje sú dostupné iba v aktuálnej záložke/okne.
  • Neposiela sa na server.

• Cookies

  • Môžu mať dátum vypršania, po ktorom sa vymažú.
  • Objem je obmedzený (približne 4 KB na cookie).
  • Údaje sa automaticky odosielajú na server pri každej požiadavke na príslušnú doménu.
  • Používajú sa na autentifikáciu, sledovanie a pod.

Príklad použitia LocalStorage:

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