localStorage(本地存储器)、sessionStorage(会话存储)

  设置：localStorage.setItem("token", JSON.parse(res).data.token);

  获取：that.token = localStorage.getItem('token')

  

  

一、什么是localStorage、sessionStorage

在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。

localStorage的写入有三种方法，这里就一一介绍一下

var storage=window.localStorage;
//写入a字段
storage["a"]=1;
//写入b字段
storage.b=2;
//写入c字段
storage.setItem("c",3);
console.log(typeof storage["a"]);
console.log(typeof storage["b"]);
console.log(typeof storage["c"]);

运行后的结果如下：

不知道各位读者有没有注意到，刚刚存储进去的是int类型，但是打印出来却是string类型，这个与localStorage本身的特点有关，localStorage只支持string类型的存储。

localStorage的读取

 var storage=window.localStorage;
 //写入a字段
 storage["a"]=1;
 //写入b字段
 storage.b=2;
 //写入c字段
 storage.setItem("c",3);
 console.log(typeof storage["a"]);
 console.log(typeof storage["b"]);
 console.log(typeof storage["c"]);
  //第一种方法读取
 var a=storage.a;
 console.log(a);
 //第二种方法读取
 var b=storage["b"];
 console.log(b);
 //第三种方法读取
 var c=storage.getItem("c");
 console.log(c);

这里面是三种对localStorage的读取，其中官方推荐的是getItemsetItem这两种方法对其进行存取

参考：https://www.cnblogs.com/st-leslie/p/5617130.html