Что такое локальное хранилище в Javascript?

Локальное хранилище — это часть веб-API, которая позволяет хранить данные в веб-браузере в виде объектов (пар ключ-значение).

  • локальное хранилище не использует кеш-память для хранения данных, поэтому, если вы закроете браузер, данные локального хранилища не будут действовать
  • Каждый URL-адрес имеет свое выделенное локальное хранилище в веб-браузере для постоянного хранения данных.
  • Локальное хранилище в основном используется для состояния на стороне клиента, управления запоминанием действий пользователя, управления сеансами, автономной поддержки.

Чтобы использовать локальное хранилище:

setItem(key, value): этот метод позволяет сохранить пару `Key`и `value` в веб-браузере.

getItem(key): этот метод извлекает значение, связанное с определенным ключом, из локального хранилища.

const username = localStorage.getItem('username'); console.log(username);

removeItem(key): этот метод удаляет пару ключ-значение, связанную с указанным, из локального хранилища ключей.

localStorage.removeItem('username');

clear(): этот метод используется для удаления всего локального хранилища, связанного с URL-адресом.

Что такое хранилище сеансов?

Хранилище сеансов похоже на локальное хранилище, с той лишь разницей, что если вы закроете браузер, данные исчезнут.

  • Хранилище сеанса использует кэш-память для хранения данных, поэтому, если вы закроете браузер, данные хранилища сеанса исчезнут.
  • Каждый URL-адрес имеет свое выделенное хранилище сеансов в веб-браузере для постоянного хранения данных, как и локальное хранилище.
  • Хранилище сеансов в основном используется для многоэтапных процессов, кэширования на стороне клиента, управления состоянием, обмена сообщениями и уведомлений.

Чтобы использовать хранилище сеансов:

все основные методы Session Storage такие же, как локальное хранилище

setItem(key, value): этот метод позволяет сохранить пару `Key`и `value` в веб-браузере.

getItem(key): этот метод извлекает значение, связанное с определенным ключом, из хранилища сеансов.

const username = localStorage.getItem('username');
 console.log(username)

removeItem(key): этот метод удаляет пару ключ-значение, связанную с указанным, из хранилища сеансов ключей.

localStorage.removeItem('username');

clear(): этот метод используется для удаления всего хранилища сеансов, связанного с URL-адресом.

Спасибо, что читаете этот блог, следите за мной в Твиттере, я регулярно делюсь блогами и публикую сообщения о вкладе в реакцию, javascript, веб-разработку и открытый исходный код.

- https://twitter.com/Diwakar_766

- https://github.com/DIWAKARKASHYAP

Первоначально опубликовано на https://diwakarkashyap.hashnode.dev.