最新发布 js闭包实现缓存原理

发布时间: 2022-12-30,浏览量:400
//缓存:一般来说对于一些经常使用的数据,并且这些数据都是从后端获取过来的来进行缓存

    //用户id:用户的唯一标识
    //登录(/user/login)--->获取id
    //修改用户信息:--->必须要知道用户的id才能该用户的信息
    //购物车/收藏夹--->必须要知道用户的id才能该用户的信息


    //对于一些经常使用,但是经常修改的数据就不能保存了,比如说搜索结果


    //外层函数只执行了一次,只产生了唯一的执行环境,也就只产生了唯一的cacheObj对象,用户想要操作这个对象,必须通过我们暴露的4个闭包函数
    var CacheManager=(function(){
        var cacheObj={};
        return {
            setItem:function(key,value){
                cacheObj[key]=value;
            },
            getItem:function(key){
                return cacheObj[key];
            },
            removeItem:function(key){
                delete cacheObj[key];
            },
            //清空缓存
            clear:function(){
                cacheObj={};
            }
        }
    })();

    CacheManager.setItem("name","lisi");
    alert(CacheManager.getItem("name"));
    CacheManager.setItem("age","20");
    CacheManager.setItem("gender","女");
    CacheManager.setItem("userId","888");
    CacheManager.removeItem("age");
    alert(CacheManager.getItem("gender"));//"女"
    alert(CacheManager.getItem("age"));//undefined

热门文章 经典语录

热门文章 热门文章

查看更多