学习sessionSrorage和localSorage存储总结

今天学习了浏览器的sessionStorage和localStorage存储，刚开始还不明白为什么浏览器也需要存储，通过老师举例子才知道，比如说我们平时在购物网站搜索框搜索商品，关闭浏览器之后，下次再点开搜索框的时候就会发现上次的搜索记录还在，原来搜索的记录在本地浏览器也是存储着的，这就是它的一个简单应用场景，这样我们就可以通过这个存储来存我们想要存的数据了。拿谷歌浏览器来说，首先这个存储是可以通过控制台应用选项中存储栏找到，一般关注的是本地存储（localStorage）会话存储（sessionStorage）这两个存储形式，本地存储的内容关闭浏览器是不会清空的，清空是需要手动完成的，而会话存储是关闭页面或浏览器就自动清空，它们都有各自的应用场景。

接下来说下使用它们的具体语法，值得注意的是这两个存储使用的语法非常相似，学会一种之后当然另一种也不在话下啦。存储同样是使用key和value的这种键值对形式，存入的语法是xxxStorage.setItem('key', 'value')，setltem这个方法接受一个key和一个value作为参数把它放到存储中，如果存储的key已有同名的话将会用新值来更新掉旧的值。

有存就当然有取，取的语法是xxxStorage.getItem('key')，getitem只接受一个键名作为参数，返回的就是该键名对应的值，这里需要注意的是如果存储里面找不到传入的键名，那么返回的不是undefined，而是null。

最后就剩下删除存储了，删除有两种情况，一种是删除一条数据，一种是删除全部（清空），删除一条的语法是xxxStorage.removeItem('key')，removeltem这个方法也只接收一个键名作为参数，删除掉的就是该键名的这一条数据，想要删除全部的话发语法是xxxStorage.clear()，该方法不需要传入传数。

以上说到的xxx代表的是session或local，需要使用哪个套用即可。