BOM存储Web数据的API xxxStorage

2023-09-25 20:38:46

WebStorage

存储内容大小一般支持5MB左右（不同的浏览器可能还不一样）
浏览器端通过 window.localStorage 和 window.sessionStorage 属性来实现本地存储机制。
相关API

```
xxxStorage.setItem('key', 'value');
```
- 该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值（覆盖）。
```
xxxStorage.getItem('key');
```
- 该方法接受一个键名作为参数，返回键名对应的值。
```
xxxStorage.removeItem('key');
```
- 该方法接受一个键名作为参数，并把该键名的值从存储中删除。
```
xxxStorage.clear();
```
- 该方法会清空存储中的所有数据

备注：
- sessionStorage存储的内容会随着浏览器窗口关闭而消失。
- localStorage存储的内容，需要手动清除才会消失。
- ```
xxxStorage.getItem(xxx) 如果xxx对应的value获取不到，那么getItem的返回值是null
```
- ```
JSON.parse(null) 的结果还会是null
```