参考这个
1.相同点是都是保存在浏览器端、且同源的
2.cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递,而sessionStorage和localStorage不会自动把数据发送给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下
3.存储大小限制也不同,cookie数据不能超过4K,同时因为每次http请求都会携带cookie、所以cookie只适合保存很小的数据,如会话标识。sessionStorage和localStorage虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大
4.数据有效期不同,sessionStorage:仅在当前浏览器窗口关闭之前有效;localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;cookie:只在设置的cookie过期时间之前有效,即使窗口关闭或浏览器关闭
5.作用域不同,sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;localstorage在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的
6.sessionStorage和localStorage支持事件通知机制,可以将数据更新的通知发送给监听者
7.sessionStorage和localStorage的api接口使用更方便
Cookie的优缺点?
优点:
1.极高的扩展性和可用性
2.通过编程方式,控制保存在cookie中的session对象的大小
3.通过加密和SSL(安全传输技术),减少cookie被破解的可能性
4.只在cookie中存放不敏感数据,被盗也不会有重大的损失
5.控制cookie的生命周期,可用让其永远有效,偷盗者就有可能拿到一个过期的cookie
缺点:
1.cookie数量和长度的限制,每个最多只能有20条的cookie,长度不能超过4kb,超过就会被截取
2.安全性问题,被人拦截,就可以得到cookie的所有信息,只要原样转发就可以达到目的