乐趣区

关于前端:StorageX一个前端对象化存储的最简单的工具

StorageX 1.3,对象化操作本地数据,超好用哟!。

// 应用 npm 装置
npm install storagex-js
// 导入
import {localStorageX,sessionStorageX} from "storagex-js";

而后就能够应用了,应用办法只有两种

1:只是对键值进行操作(不会深度批改)
// 对对象属性进行批改后本地贮存相应更新
const localStorage= localStorageX();
localStorage.a = {b:1};  // 键 'a' 对应的值 {'b':'1'}
localStorage.a.b = 2  // 有效,不容许深度批改
// 须要这样从新赋予一个对象
localStorage.a = {b:2};
2:深度的对象化存储(单纯的只对值进行操作,必须为一个对象)
// 因为思考到如果须要深度代理那么值肯定是个对象,像这样
let state = {
    a:1,
    b:{c:3,},
};
state = localStorageX(
    "state",  // 本地贮存对应的键
    state,  // 初始化的值,如果该键有数据且为对象时优先代理,不填默认为一个空对象
);
// 当 state 的属性发生变化时会相应的将 state 存储到本地。state.a = 1;
state.a = {b:{c:{d:2}}};
state.a.c.d = 3;
console.log(state.a.c.d);  // 打印 3
// 只针对值为对象时,而且只会对该对象属性进行批改增加,也就是说像上面这样不论用
state = null;
state = 1;
state = {a:1};
// 理解 js 根底都晓得,这样只是扭转该变量的指向,并不是对原对象进行批改。// 如果想批改键的值请应用下面的那种办法。// 只对键外面的数据属性进行批改。

皆不反对函数式贮存,因为函数无奈 JSON 化,既然是数据的话为什么要存函数呢?

源码地址

目前小站毒蘑菇搜寻本地贮存就是用的它啦。

退出移动版