localStorage 简单封装

最新推荐文章于 2024-01-17 17:53:14 发布

桔子66

最新推荐文章于 2024-01-17 17:53:14 发布

阅读量303

点赞数

本文链接：https://blog.youkuaiyun.com/qq_36501722/article/details/117360011

版权

javascript

这是一个JavaScript模块，用于在localStorage中管理数据。它提供`saveItem`和`loadItem`方法，方便地保存和加载键值对。当存储为空时，会返回默认值。该模块适用于前端开发中的数据持久化场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let init = {
    nameSpace: "mall",
    saveItem(key, value) {
        console.log(key,value)
        let storage = window.localStorage.getItem(this.nameSpace)
        if (!storage){
            storage = {}
        }else{
            storage = JSON.parse(storage)
        }
        storage[key] = value
        window.localStorage.setItem(this.nameSpace,JSON.stringify(storage))
    },
    loadItem(key,def){
        //def 默认值
        let storage = window.localStorage.getItem(this.nameSpace)
        if(!storage){
            return def
        }

        storage = JSON.parse(storage)
        let result = storage[key]
        return result || def
    }
}
export {init}