您好,欢迎访问代理记账网站
移动应用 微信公众号 联系我们

咨询热线 -

电话 15988168888

联系客服
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

使用类class封装localStorage

使用类class封装localStorage

    class Storage {
        constructor(name) {
            this.name = 'storage';
        }

        //设置缓存
        setItem(params) {
            let obj = {
                name: '',
                value: '',
                expires: "",
                startTime: new Date().getTime() //记录何时将值存入缓存,毫秒级
            }
            let options = {};
            //将obj和传进来的params合并
            Object.assign(options, obj, params);
            if (options.expires) {
                //如果options.expires设置了的话
                //以options.name为key,options为值放进去
                localStorage.setItem(options.name, JSON.stringify(options));
            } else {
                //如果options.expires没有设置,就判断一下value的类型
                let type = Object.prototype.toString.call(options.value);
                //如果value是对象或者数组对象的类型,就先用JSON.stringify转一下,再存进去
                if (Object.prototype.toString.call(options.value) == '[object Object]') {
                    options.value = JSON.stringify(options.value);
                }
                if (Object.prototype.toString.call(options.value) == '[object Array]') {
                    options.value = JSON.stringify(options.value);
                }
                localStorage.setItem(options.name, options.value);
            }
        }

        //拿到缓存
        getItem(name) {
            let item = localStorage.getItem(name);
            //先将拿到的试着进行json转为对象的形式
            try {
                item = JSON.parse(item);
            } catch (error) {
                //如果不行就不是json的字符串,就直接返回
                item = item;
            }
            //如果有startTime的值,说明设置了失效时间
            if (item.startTime) {
                let date = new Date().getTime();
                //何时将值取出减去刚存入的时间,与item.expires比较,如果大于就是过期了,如果小于或等于就还没过期
                if (date - item.startTime > item.expires) {
                    //缓存过期,清除缓存,返回false
                    localStorage.removeItem(name);
                    return false;
                } else {
                    //缓存未过期,返回值
                    return item.value;
                }
            } else {
                //如果没有设置失效时间,直接返回值
                return item;
            }
        }

        //移出缓存
        removeItem(name) {
            localStorage.removeItem(name);
        }

        //移出全部缓存
        clear() {
            localStorage.clear();
        }
    }

使用方法:

// 使用
    let storage = new Storage();
    storage.setItem({
        name: "test",
        value: 'test',
        startTime: new Date().getTime() //记录何时将值存入缓存,毫秒级
    })

    // 清空缓存
    if (localStorage.getItem("test")) {
        storage.removeItem('test');
    }

    // 获取
    storage.getItem('test');

分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进