网页中cookie、localStorage、sessionStorage的区别

网页中的cookie、localStorage、sessionStorage区别在一些面试题目中会经常会遇到，下面总结一下，三者的区别。1.cookie：可设置失效时间，默认是关闭浏览器后失效，4K左右，每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题，需要程序员自己封装，源生的Cookie接口不友好。

2.localStorage：除非被清除，否则永久保存，一般为5MB，仅在客户端（即浏览器）中保存，不参与和服务器的通信，源生接口可以接受，亦可再次封装来对Object和Array有更好的支持。

3.sessionStorage：仅在当前会话下有效，关闭页面或浏览器后被清除，一般为5MB，仅在客户端（即浏览器）中保存，不参与和服务器的通信，源生接口可以接受，亦可再次封装来对Object和Array有更好的支持。

应用场景： 因为考虑到每个 HTTP 请求都会带着 Cookie 的信息，所以 Cookie 当然是能精简就精简啦，比较常用的一个应用场景就是判断用户是否登录。针对登录过的用户，服务器端会在他登录时往 Cookie 中插入一段加密过的唯一辨识单一用户的辨识码，下次只要读取这个值就可以判断当前用户是否登录啦。曾经还使用 Cookie 来保存用户在电商网站的购物车信息，如今有了 localStorage，似乎在这个方面也可以给 Cookie 放个假了 而另一方面 localStorage 接替了 Cookie 管理购物车的工作，同时也能胜任其他一些工作。比如HTML5游戏通常会产生一些本地数据，localStorage 也是非常适用的。如果遇到一些内容特别多的表单，为了优化用户体验，我们可能要把表单页面拆分成多个子页面，然后按步骤引导用户填写。这时候 sessionStorage 的作用就发挥出来了。

Tags：LocalStorage

来源：三叶资源网，欢迎分享，公众号：iisanye，（三叶资源网⑤群：21414575 ）