浏览器存储封装

        class storage {
            constructor(isLocal = true) {
                this.storage = isLocal ? localStorage : sessionStorage;
            }

            setItem(params = {}) {
                if (params) {
                    let {
                        key,
                        value,
                    } = params;
                    let obj = {
                        time: new Date().getTime(),
                        type: typeof (value),
                        key: key,
                        value: value
                    };
                    this.storage.setItem(key, JSON.stringify(obj));
                }
            }

            getItem(key) {
                let params = this.storage.getItem(key);
                if (params) {
                    params = JSON.parse(params);
                    return params.value;
                }
            }

            removeItem(key) {
                this.storage.removeItem(key);
            }

            clear() {
                this.storage.clear();
            }

            len() {
                return this.storage.length;
            }

            null(key) {
                const val = this.storage.getItem(key);
                if (!val) {
                    return "The current key value pair does not exist.";
                }
                let { value } = JSON.parse(val);
                if (typeof value === 'boolean') {
                    return false
                }
                if (typeof value === 'number') {
                    return false
                }
                if (value instanceof Array) {
                    if (value.length == 0) return true
                } else if (value instanceof Object) {
                    if (JSON.stringify(value) === '{}') return true
                } else {
                    if (value == 'null' || value == null || value == 'undefined' || value == undefined || value == '') return true
                    return false
                }
                return false
            }
        }

        const l = new storage();
        const s = new storage(false);
        //存
        s.setItem({
            key: "name",
            value: 
            [
                { id: "1", color: "rbga(0,0,0,1)" },
                { id: "2", color: "rgba(255,255,255,1)" }
            ],
        });
        //取
        const get=s.getItem("name");
        console.log(get)

        //删除
        s.removeItem("name");

        //清空
        s.clear();

        //长度
        const length=s.len();
        console.log(length)

        //判空
        const b = s.null("name");
        console.log(b)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小钱要努力

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值