Aké sú hlavné rozdiely medzi LocalStorage, SessionStorage a Cookies v ukladaní dát v prehliadači?

LocalStorage, SessionStorage a Cookies sú tri spôsoby ukladania údajov v prehliadači, ale líšia sa veľkosťou, dobou platnosti a oblasťou viditeľnosti:

• LocalStorage:

  • Ukladá údaje bez dátumu vypršania, pokiaľ ich používateľ manuálne nevymaže.
  • Údaje sú dostupné vo všetkých záložkách a oknách toho istého domény.
  • Objem je zvyčajne okolo 5-10 MB.
  • Nie sú odosielané na server pri každej požiadavke.

• SessionStorage:

  • Údaje žijú iba v rámci jednej relácie (kým je otvorená karta prehliadača).
  • Údaje nie sú dostupné v iných záložkách alebo oknách.
  • Objem je podobný ako u LocalStorage.
  • Nie sú odosielané na server.

• Cookies:

  • Majú obmedzený objem (okolo 4 KB).
  • Môžu mať dobu platnosti, po ktorej sú vymazané.
  • Sú odosielané na server pri každej HTTP požiadavke na príslušnú doménu.
  • Používajú sa na autentifikáciu, sledovanie relácií a pod.

Príklad použitia LocalStorage:

// Uložiť údaje
localStorage.setItem('username', 'user123');

// Získať údaje
const user = localStorage.getItem('username');