基本使用
使用方式超级简单,可以自己在浏览器控制台试一试:
//赋值
localStorage.setItem(key, value);
//获取值
localStorage.getItem(key);
//删除
localStorage.removeItem(key);
如下:
注意事项
保存对象,会转换成字符串再保存(也就是会将对象执行一次 obj.toString() 的操作)
数组也是一样会转换成字符串类型
如果要保存对象,可以使用 JSON.stringify 转换,JSON.parse 解析
let str = JSON.stringify({key: "test"}); localStorage.setItem(‘obj‘, str); JSON.parse(localStorage.getItem(‘obj‘));
存储特性
1、不可以跨域
2、页面关闭后,localStorage数据不会删除
使用场景
一些非关键信息可以保存在localStorage中,比如用户上一次登录时间,上一次某个操作的时间
通过localStorage的数据可以推送信息,比如一周推送一次某个信息,保存这一次推送的时间,那用户这周再一次进入这个网站就不需要推送了,因为后台去记录这些信息也没有很大必要,如果用户数大的话,记录这些数据是十分占空间的,而且查询这些数据也是一种开销
还有一些桌面应用 也可以使用 localStorage 来记录一些数据,比如最近查看的内容,常用工具等