数据存储之localStorage与sessionStorage

1. 两者的区别

1.1生命周期

localStorage生命周期是永久，当用户将显示在浏览器上提供的UI清除localStorage信息，否则将永远存在。
sessionStorage生命周期为当前窗口或者标签页，当窗口或者标签页被永久关闭了，那么sessionStorage存储的数据也会被清空。

1.2存储方式

localstorage（本地存储）则以文件的方式存储在本地,永久保存（不主动删除，则一直存在）；sessionstorage( 会话存储 ) ,临时保存。localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理

1.3 永久性

sessionstorage页面关闭，数据清除。
localstorage手动清除，数据才会被清除。

2. 方法

2.1 localStorage

    localStorage.clear();
    localStorage.getItem();
    localStorage.key();
    localStorage.setItem();
    localStorage.removeItem();

2.2 sessionStorage

    sessionStorage.clear();
    sessionStorage.getItem();
    sessionStorage.key();
    sessionStorage.setItem();
    sessionStorage.removeItem();
    sessionStorage.length();

3. 使用方法

3.1 localStorage

 // 对象数据
 // 存
localStorage.setItem("ORDER_INFO", JSON.stringify(this.order_info));
 // 取 
this.order_info = JSON.parse(localStorage.getItem("ORDER_INFO"));
// 删除某一项
localStorage.removeItem("ORDER_INFO");
// 清除所有
localStorage.clear();

 // 普通数据
 // 存
localStorage.setItem('dep_dispatch_id', dispatch_id);
 //取
const dispatch_id =localStorage.getItem('dep_dispatch_id')
//删除某一个数据
localStorage.removeItem("dep_dispatch_id");
// 清除所有
localStorage.clear();

3.2 sessionStorage

同上