Какие знаешь хранилища в JS

В JavaScript есть несколько типов хранилищ данных:

1. Локальные (LocalStorage)
   Хранит данные без срока действия (до очистки вручную).

   js

   Копировать

   localStorage.setItem('key', 'value');
   const data = localStorage.getItem('key');

2. Сессионные (SessionStorage)
   Аналогично LocalStorage, но данные удаляются после закрытия вкладки.

   js

   Копировать

   sessionStorage.setItem('key', 'value');

3. Cookie
   Малый объем (4KB), передается на сервер с каждым запросом.

   js

   Копировать

   document.cookie = 'name=value; expires=...';

4. IndexedDB
   Асинхронная NoSQL база данных в браузере для больших объемов.

5. Cache API
   Используется в Service Workers для кеширования ресурсов.

6. State Management (Redux, MobX, Context API)
   Хранение состояния приложения в памяти.

Выбор зависит от задачи:

• LocalStorage — простые настройки.
• Cookie — аутентификация.
• IndexedDB — оффлайн-данные.
• Redux — сложное состояние приложения.