重学localStorage、SessionStorage方法使用梳理

localStorage、SessionStorage统称为webStorage

1.存储大小一般支持5M左右（不同浏览器可能还不一样）

2.浏览器通过window.sessionStorage和window.localStorage属性来实现本地存储机制

3.相关API

        a.xxxxStorage.setItem('key','value');

          注意：存储的数据为对象时需要用JSON.stringify转换下,如果不转换对象会被默认调用tostring方法会返回[object,object]

                例：let p={name:'张三'， age:18}

                localStorage.setItem("person",JSON.stringify(p))

                该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新对应的值；

        b.xxxxStorage.getItem('person');   

                该方法接受一个键和值作为参数 ,返回键名对应的值；

        c.xxxxStorage.removeItem('key' );

                该方法接受一个键和值作为参数,并把键名从存储中删除 ；

        d.xxxxStorage.clear();

                该方法会清空存储中的所有数据；

4.备注

        a.SessionStorage存储的内容会随着浏览器窗口关闭而消失；

        b.LocalStorage存储的内容需要手动清除才会消失；

        c.xxxxStorage.getItem(xxx)如果xxx对应的value获取不到，那么getItem的返回值是null；

        d.JSON.parse(null)的结果依然是 null；