js 本地缓存localStorage和sessionStorage 用法和区别

定义和使用
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。

localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。

sessionStorage 数据保存在当前会话中，该数据对象临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

保存数据语法
localStorage.setItem(“key”, “value”);
sessionStorage .setItem(“key”, “value”);

读取数据语法：
var lastname = localStorage.getItem(“key”);
var lastname = sessionStorage .getItem(“key”);

删除数据语法：
localStorage.removeItem(“key”);
sessionStorage .removeItem(“key”);

下面写个方法把两个封装一起方便开发使用

var SaveData=function(){
     };
 SaveData.prototype={
     
 /**保存数据到本地
     * 参数 k
     * 参数 v
     * 参数 flag  为true时表示是sessionStorage保存，其他则为localStorage保存
     */
    storageSaveData:function(k,v,flag){
     
        if(flag==true){
     
            sessionStorage.setItem(k,v);
            return true;
        }
        localStorage.setItem(k,v);
        return true;
    },
    /**
     * 获取本地数据
     * 参数  k
     * 参数  flag
     */
    storageGetData:function(k,flag){
     
        if(flag==true){
     
            return sessionStorage.getItem(k);
        }
        return localStorage.getItem(k);
    },

    /**
     * 清除本地数据中的值
     * 参数  flag
     * 参数  k
     * returns {boolean}
     */
    storageClearData:function(flag,k){
     
        if(flag==true){
     
            if(checkTool.validVar(k)){
     
                sessionStorage.removeItem(k);
            }else{
     
                sessionStorage.clear();
            }
            return true;
        }

        if(checkTool.validVar(k)){
     
            localStorage.removeItem(k);
        }else{
     
            localStorage.clear();
        }
        return true;
    },

}

var SaveData=new SaveData();