localStorage和sessionStorage的使用和区别

localStorage

只读的localStorage 属性允许你访问一个Document 源（origin）的对象 Storage；存储的数据将保存在浏览器会话中

• localStorage的键值对总是以字符串的形式进行存储。
• 【例子】

// 访问了当前域名下的本地localStorage对象，并通过setItem()方法增加了一个数据项
localStorage.setItem("token", "123");

//读取localStorage数据项
let cat = localStorage.getItem("token");

//移除localStorage数据项
localStorage.removeItem("token");

//移除所有的localStorage数据项
localStorage.clear();

sessionStorage

sessionStorage 属性可以访问一个对应当前源的 session Storage 对象。

// 保存数据到 sessionStorage
sessionStorage.setItem('key', 'value');

// 从 sessionStorage 获取数据
let data = sessionStorage.getItem('key');

// 从 sessionStorage 删除保存的数据
sessionStorage.removeItem('key');

// 从 sessionStorage 删除所有保存的数据
sessionStorage.clear()

• 值得注意的一点是 localStorage 里面存储的数据没有过期时间设置，但存储在 sessionStorage 里面的数据在页面会话结束时会被清除。
• 应用场景：

localStorage 主要用于本地储存，而sessionStorage主要用于会话存储

详细学习参考
localStorage MDN文档
sessionStorage MDN文档