cookie, localStorage, sessionStorage的区别

基本概念

cookie
cookie英文饼干，顾名思义，大小应该非常小，cookie非常小，它的大小限制在4kb左右，它的主要用于保存登陆信息，比如你登陆某个网站市场可以看到’记住密码’,这就是通过在cookie中存入一段辨别用户身份的数据来实现的。

localStorage
localStorage是HTML5标准中新加入的技术。

sessionStorage
sessionStorage与localStorage的接口类似，但保存数据的生命周期与localStorage不同，Session这个词，翻译过来就是会话。而sessionStorage是前端的一个概念。它只是可以将一部分数据在当前会话中保存下来，刷新页面数据依旧存在。但是页面关闭后，sessionStorage中的数据就会被清空。

三者的异同

数据上的生命周期的不同

• Cookie 一般由服务器生成，可设置失效时间，如果在浏览器端生成cookie，默认是关闭后失效。
• localStorage 除非被永久清除，否则永久保存。
• sessionStorage 仅在当前会话会有效，关闭页面或浏览器后被清除。

存放数据的大小不同

• Cookie 一般为4kb
• localStorage 和 sessionStorage 一般为5mb

与服务器端通信不同

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

易用性

• Cookie 需要程序员自己来封装，原生的cookie接口不够友好（修改用document.cookie=’’）。
• localStorage 和 sessionStorage 原生接口可以接受，可以封装来对Object和Array有更好的支持(getItem(‘a’), setItem(‘a’, ‘1’))。

参考：https://www.cnblogs.com/yaogengzhu/p/11006547.html