Класс-обертка над JavaScript localStorage
Доброго времени суток! В данной статье я покажу Вам как можно сделать удобную обертку над JavaScript localStorage. localStorage позволяет нам сохранять данные на стороне клиента на долговременной основе (до тех пор пока пользователь сам не очистит локальное хранилище сайта или браузера).
Итак, вот код:
export default
class LocalStorageDB
{
// префик БД для отделения ее от остальных
constructor(dbPrefix) {
this.dbPrefix = dbPrefix + '@';
}
/**
* Добавляем данные в localStorage
*
*
* @param {string} key - ключ
* @param {any} value - значение
*/
save(key, value) {
let _value = JSON.stringify(value);
localStorage.setItem(this.dbPrefix + key, _value);
return true;
}
/**
* Извлекаем данные из localStorage
*
*
* @param {string} key object key id
*
* @returns {object|null}
*/
fetch(key) {
let data = localStorage.getItem(this.dbPrefix + key);
if(data === null)
return false;
let _data = false;
try {
_data = JSON.parse(data);
} catch (e) {
console.error(e);
}
return _data;
}
// удаляем значение по ключу
delete(key) {
localStorage.removeItem(this.dbPrefix + key);
}
// количество строк данных в БД
rowsCount() {
return localStorage.length;
}
// полностью очищаем БД для данного префикса
drop() {
const rowsCount = this.rowsCount();
for( let i=0; i < rowsCount; i++ ) {
let key = localStorage.key(i);
if( key.startsWith(this.dbPrefix) )
this.delete(key);
}
}
// очищаем все данные для домена
dropAll() {
localStorage.clear();
}
}
Используется так:
import LocalStorageDB from './LocalStorageDB'
const db = new LocalStorageDB('MyRusakov');
db.save('url','https://myrusakov.ru');
console.log(db.fetch('url'))
db.drop()
-
Создано 30.06.2020 13:22:56
-
Михаил Русаков
Комментарии (0):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.