javaScript Storage的存取方法封装

本文主要是介绍javaScript Storage的存取方法封装，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

因为 js 的 Storage 对象没有过期时间机制，所以增加控制有效期的扩展方法，set和get

const myStorage = {
    // 设置缓存值
    setItem: (key, value, expire) => {
        let obj = {
            data: value,
            time: Date.now(),
            expire: expire
        };
        localStorage.setItem(key, JSON.stringify(obj));
    },
    // 读取缓存值
    getItem: key => {
        let val = localStorage.getItem(key);
        if (!val) {
            return val;
        }
        val = JSON.parse(val);
        if (Date.now() - val.time > (val.expire * 1000)) {
            localStorage.removeItem(key);
            return null;
        }
        return val.data;
    }
}

export default myStorage;

这篇关于javaScript Storage的存取方法封装的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！