封装window.sessionStorage，window.localStorage，并且可以设置过期时间

封装window.sessionStorage

export const session = {
    set(key, val) {
        if (typeof val !== 'string') {
            val = JSON.stringify(val);
        }
        window.sessionStorage.setItem(key, val);
    },
    get(key) {
        let val = window.sessionStorage.getItem(key);
        try {
            val = JSON.parse(val);
        } catch (e) {
            console.log(`${val} Unexpected token H in JSON at position 0`);
        }
        return val;
    },
    clear() {
        window.sessionStorage.clear();
    },
    remove(key) {
        if (window.sessionStorage.getItem(key)) {
            window.sessionStorage.removeItem(key);
        }
    }
};

封装window.localStorage，并且可以设置过期时间

export const storage = {
    /*
    * set 存储方法
    * @ param {String} 	key 键
    * @ param {String} 	value 值，
    * @ param {String} 	expired 过期时间，以分钟为单位，非必须
    */
    set(key, val, expired) {
        if (typeof val !== 'string') {
            val = JSON.stringify(val);
        }
        window.localStorage.setItem(key, val);
        if (expired) {
            window.localStorage.setItem(`${key}__expires__`, `${Date.now() + 1000 * 60 * expired}`);
        }
    },
    /*
   * get 获取方法
   * @ param {String} 	key 键
   * @ param {String} 	expired 存储时为非必须字段，所以有可能取不到，默认为 Date.now+1
   */
    get(key) {
        const expired = window.localStorage.getItem(`${key}__expires__`) || Date.now + 1;
        const now = Date.now();

        if (now >= expired) {
            window.localStorage.removeItem(key);
            return;
        }
        let val = window.localStorage.getItem(key);
        try {
            val = JSON.parse(val);
        } catch (e) {
            console.log(`${val} Unexpected token H in JSON at position 0`);
        }
        return val;
    },
    clear() {
        window.localStorage.clear();
    },
    /*
    * remove 移除
    * */
    remove(key) {
        if (window.localStorage.getItem(`${key}__expires__`)) {
            window.localStorage.removeItem(`${key}__expires__`);
        }

        if (window.localStorage.getItem(key)) {
            window.localStorage.removeItem(key);
        }
    }
};

过期时间参考