Kuo skiriasi duomenų saugojimo mechanizmai LocalStorage, SessionStorage ir cookies naršyklėje?

LocalStorage, SessionStorage ir cookies yra trys mechanizmai naršyklėje duomenų saugojimui, kurie skiriasi pagal tūrį, gyvavimo laiką ir prieinamumą.

• LocalStorage

  • Saugo duomenis be galiojimo pabaigos (kol jie nėra rankiniu būdu ištrinti).
  • Tūris paprastai apie 5-10 MB.
  • Duomenys prieinami visuose skirtukuose ir languose to paties domeno.
  • HTTP užklausose nėra siunčiami į serverį.

• SessionStorage

  • Duomenys gyvena tik sesijos metu (kol atvira skirtukas).
  • Tūris panašus į LocalStorage.
  • Duomenys prieinami tik dabartiniame skirtuke/langoje.
  • Nesiunčiami į serverį.

• Cookies

  • Gali turėti galiojimo laiką, po kurio jie ištrinami.
  • Tūris ribotas (apie 4 KB vienam cookie).
  • Duomenys automatiškai siunčiami į serverį kiekvieno prašymo metu į atitinkamą domeną.
  • Naudojami autentifikacijai, sekimui ir kt.

LocalStorage pavyzdys:

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