cookie/sessionStorage/localStorage封装使用

梦里梦外; 2022-11-27 08:55 123阅读 0赞

# 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')