Какви са основните разлики между LocalStorage, SessionStorage и Cookies при съхранението на данни в браузъра?

LocalStorage, SessionStorage и Cookies са три начина за съхранение на данни в браузъра, но те се различават по обем, време на живот и обхват на видимост:

• LocalStorage:

  • Запазва данни без срок на годност, докато потребителят ги изтрие ръчно.
  • Данните са достъпни във всички раздели и прозорци на един и същ домейн.
  • Обемът обикновено е около 5-10 MB.
  • Не се изпращат към сървъра при всяка заявка.

• SessionStorage:

  • Данните съществуват само в рамките на една сесия (докато е отворен разделът на браузъра).
  • Данните не са достъпни в други раздели или прозорци.
  • Обемът е подобен на този на LocalStorage.
  • Не се изпращат към сървъра.

• Cookies:

  • Имат ограничен обем (около 4 KB).
  • Могат да имат срок на живот, след който се изтриват.
  • Изпращат се към сървъра при всяка HTTP заявка към съответния домейн.
  • Използват се за удостоверяване, проследяване на сесии и др.

Пример за използване на LocalStorage:

// Запазване на данни
localStorage.setItem('username', 'user123');

// Получаване на данни
const user = localStorage.getItem('username');