封装本地存储方法

2024-02-28 00:00:00 javascript 方法 封装

封装一个js文件

// 对象间接量 创立一个对象
const Storage = {
    // 保留 数据
    set(key, data, time = 3000) {
        localStorage.setItem(key, JSON.stringify({
            data, //保留的数据
            createTime: new Date() * 1, // 保留的工夫戳
            express: time // 过期工夫
        }))
    },

    // 提取
    get(key) {
        const item = JSON.parse(localStorage.getItem(key));
        console.log(item);
        if (JSON.parse(localStorage.getItem(key))) { // 判断 如果 提前到了
            const { // 解构赋值  获取 保留的 数据 上传的工夫戳 过期工夫
                data,
                createTime,
                express
            } = JSON.parse(localStorage.getItem(key)); //提取 并转换为json 对象

            // 以后工夫减去 创立工夫 
            const curTime = +new Date(); // 获取以后工夫的工夫戳
            if (curTime - createTime >= express) { // 判断 以后的工夫  - 保留的工夫 大于/等于 获取工夫
                localStorage.removeItem(key); // 删除保留的数据
                return null; // 输入 null
            }
            return data; //  返回未过期的数据
        }
    }

}

引入和应用


 
 // 存储到本地 
 Storage.set('key值', value值, 过期工夫)
````

相关文章