Cookie, localStorage, sessionStorage 三者的区别

[jtwang7]

Cookie, localStorage, sessionStorage 三者的区别

参考文章：cookie、localStorage和sessionStorage 三者之间的区别以及存储、获取、删除等使用方式

区别

生命周期：

• cookie：可设置失效时间，没有设置的话，默认是关闭浏览器后失效
• localStorage：除非被手动清除，否则将会永久保存。
• sessionStorage： 仅在当前网页会话下有效，关闭页面或浏览器后就会被清除。

存放数据大小：

• cookie：4KB左右
• localStorage和sessionStorage：可以保存5MB的信息。

http请求：

• cookie：每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题
• localStorage和sessionStorage：仅在客户端（即浏览器）中保存，不参与和服务器的通信

易用性：

• cookie：需要程序员自己封装，源生的Cookie接口不友好
• localStorage和sessionStorage：源生接口可以接受，亦可再次封装来对Object和Array有更好的支持

localStorage和sessionStorage唯一的差别： 一个是永久保存在浏览器里面，一个是关闭网页就清除了信息。 localStorage可以用来夸页面传递参数，sessionStorage用来保存一些临时的数据，防止用户刷新页面之后丢失了一些参数。