Что такое локальное хранилище в 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.