cookie/sessionStorage/localStorage封装使用

cookie/sessionStorage/localStorage封装使用

cookie

/*设置cookie*/
function setCookie(name, value, expires) {

    var exp = new Date();
    exp.setTime(exp.getTime() + expires * 1000);
    document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
}

//获取cookie
function getCookie(name) {
    var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
    if (arr != null) return unescape(arr[2]);
    return false;
}
//删除cookies
function delCookie(name) 
{ 
    var exp = new Date(); 
    exp.setTime(exp.getTime() - 1); 
    var cval=getCookie(name); 
    if(cval!=null) 
        document.cookie= name + "="+cval+";expires="+exp.toGMTString(); 
}

localStorage

var localStorages = {
    set: function(key, value) {
        if (typeof value === 'object') {
            value = JSON.stringify(value)
        }
        window.localStorage.setItem(key, value)
    },
    get: function(key) {
        const value = window.localStorage.getItem(key) || ''

        try {
            return JSON.parse(value)
        } catch (e) {
            return value
        }
    },
    remove: function(key) {
        window.localStorage.removeItem(key)
    }
}

sessionStorage

var sessionStorages = {
    set: function(key, value) {
        if (typeof value === 'object') {
            value = JSON.stringify(value)
        }
        window.sessionStorage.setItem(key, value)
    },
    get: function(key) {
        const value = window.sessionStorage.getItem(key) || ''

        try {
            return JSON.parse(value)
        } catch (e) {
            return value
        }
    },
    remove: function(key) {
        window.sessionStorage.removeItem(key)
    }
}

localStorage和sessionStorage 合并封装使用

function storages(t) {
     var type = t === 'l' ? 'localStorage' : 'sessionStorage'
     return {
         set: function(key, value) {
         if (typeof value === 'object') {
             value = JSON.stringify(value)
         }
         window[type].setItem(key, value)
     },
     get: function(key) {
         const value = window[type].getItem(key) || ''

         try {
             return JSON.parse(value)
         } catch (e) {
             return value
         }
     },
     remove: function(key) {
         window[type].removeItem(key)
     }
     }
 }
 // 使用方法 localStorage
 storages('l').set('abcd', 'hasjkhdkj')
  // 使用方法 sessionStorage
 storages('s').set('abcd', 'hasjkhdkj')