Web 存储 API 提供了 sessionStorage (会话存储) 和 localStorage(本地存储)两个存储对象来对网页的数据进行添加、删除、修改、查询操作。
1.localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。
2.sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。
但原生的localStorage和sessionStorage不大好用,保存的value只能是字符串类型,所以可以在添加key时将其value转变成json格式,获取key时,将value通过JSON.parse(value)转变成原来的类型。
目的:
(1)封装localStorage和sessionStorage
(2)封装一个可以设定时长的localStorage,模拟设定了过期时间的cookie
// 对html5中提供的localStorage和sessionStorage进行封装
export const localStorage={
// 获取
getItem(key){
try{
let value=window.localStorage.getItem(key);
if(!value||value===''){
return null;
}
return JSON.parse(value);
}
catch(e){
return null
}
},
// 添加
setItem(key,value){
window.localStorage.setItem(key,JSON.stringify(value));
},
// 删除
removeItem(key