localStorage、sessionStorage 和 cookie 的区别大总结

1.相同点

三者都是用来存储数据的，且都遵循同源策略，其中 sessionStorage 还限制是同一个页面。

2.不同点

（1）生命周期不一致

localStorage 除非手动清除，否则一直存在；sessionStorage 当页面关闭时就会自动清除；cookie 在一开始写入时就设置好了，如果没有设置，则和浏览器的会话期保持一致；

（2）存储位置不一致

localStorage 和 sessionStorage 是从前端写入的，cookie 是从服务端写入的；

（3）存储大小不一致

localStorage 和 sessionStorage 存储空间相对大一点，约 5MB ，cookie 存储空间比较小，约 4KB 。