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的讀取，其中官方推薦的是getItem\setItem這兩種方法對其進行存取

 

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