Яка різниця між cookie, sessionStorage та localStorage?

localStorage:

  • зберігає дані безстроково.
  • очищається тільки за допомогою JavaScript або чищення кешу браузера.
  • зберігає дані об'ємом до 5 МБ.
  • не підтримується старими браузерами, наприклад, IE 7 та нижче.
  • працює за правилом обмеження домену (same origin policy).

sessionStorage:

  • зберігає дані, доки триває поточна сесія вкладки.
  • кожна вкладка має свій sessionStorage.
  • зберігає дані об'ємом до 5 МБ.
  • не підтримується старими браузерами, наприклад, IE 7 та нижче.

cookie:

  • зберігає дані, що передаються на сервер через заголовки.
  • мають термін зберігання даних.
  • обсяг даних від 4 Кбайт до 32 Кбайт.
  • сookie можуть бути захищеними, в цьому випадку їх вміст не можна отримати на стороні клієнта. Це важливо для аутентифікації при зберіганні користувальницьких токенів.