NO.15 localStorage的使用

localStorage和sessionStorage

  • window.localStorage - 存储没有截止日期的数据
  • window.sessionStorage - 针对一个 session 来存储数据(当关闭浏览器标签页时数据会丢失)

什么是本地存储?

通过本地存储(Local Storage),web 应用程序能够在用户浏览器中对数据进行本地的存储。本地存储经由起源地(origin)(经由域和协议)。所有页面,从起源地,能够存储和访问相同的数据。

Local Storage的优点:存储限制要大,并且信息不会被传输到服务器

如何使用

// 存储
localStorage.setItem("name", value);
// 取回
localStorage.getItem("name");
// 删除
localStorage.removeItem("name");
1
2
3
4
5
6

sessionStorage使用方式相同

字符串转对象:JSON.parse(name)

转化为json对象:JSON.stringify(name)

localStorage/sessionStorage默认只能存储字符串,而实际开发中,我们往往需要存储的数据多为对象类型所有就需要转化为json对象