localStorage和sessionStorage区别

一·概述

html5中的Web Storage包括了两种存储方式：c。

localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。

sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问
并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅、是会话级别的存储。只允许同一窗口访问。

而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。同源可以读取并修改localStorage数据。

并且他们储存的对象类型均为字符串类型；

//setItem储存value
    localStorage.setItem("name","大蛇丸");
    localStorage.setItem("job","大前端");
    
    //getItem获取value
    var name = localStorage.getItem('name');
    var job = localStorage.getItem('job');
    console.log('姓名:' + name);
    console.log('职业:' + job);
    
    //removeIt删除key
    localStorage.removeItem('name');
    var name = localStorage.getItem('name');
    var job = localStorage.getItem('job');
    console.log('姓名:' + name);
    console.log('职业:' + job);
    
    //clear清除所有的key/value
    localStorage.clear();
    localStorage.removeItem('name');
    var name = localStorage.getItem('name');
    var job = localStorage.getItem('job');
    console.log('姓名:' + name);
    console.log('职业:' + job);

sessionStorage 、localStorage和cookei的区别：

　　

localStorage与sessionStorage的封装（可设置过期时间）

 //存储,可设置过期时间
function set(key, value, expires) {
    // console.log(key);
    let params = { key, value, expires };
    if (expires) {
        // 记录何时将值存入缓存，毫秒级
        var data = Object.assign(params, { startTime: new Date().getTime() });
        localStorage.setItem(key, JSON.stringify(data));
    } else {
        if (Object.prototype.toString.call(value) == '[object Object]') {
            value = JSON.stringify(value);
        }
        if (Object.prototype.toString.call(value) == '[object Array]') {
            value = JSON.stringify(value);
        }
        localStorage.setItem(key, value);
    }
}
//取出
function get1(key) {
    let item = localStorage.getItem(key);
    // 先将拿到的试着进行json转为对象的形式
    try {
        item = JSON.parse(item);
    } catch (error) {
        // eslint-disable-next-line no-self-assign
        item = item;
    }
    // 如果有startTime的值，说明设置了失效时间
    if (item && item.startTime) {
        let date = new Date().getTime();
        // 如果大于就是过期了，如果小于或等于就还没过期
        if (date - item.startTime > item.expires) {
            localStorage.removeItem(name);
            return false;
        } else {
            return item.value;
        }
    } else {
        return item;
    }
}

//导出
module.exports = {
    set,
    localget:get1
};
存：request.set('uid',option.uid,43200000);//时间单位毫秒级
      request.set('token',option.token,43200000); 
取：let uid = request.localget('uid');
      let token = request.localget('token');