cookie,sessionStorage,localStorage的区别

cookie, localStorage, SessionStorage 三者的区别

基本概念

cookie

cookie 英文名饼干，故名思意，大小十分小，。它的大小限制在4kb左右，主要作用是用来保存登陆信息。比如你在登陆部分网站的时候常常能看见“记住密码”这个选项，就是通过cookie存入一段辨别用户身份的数据来实现的。

loaclStorage

localStorage 是HTML5标准中新加入的技术，用来存储用户数据的。

sessionStorage

sessionStorage 与 localStorage 的接口类似，但保存数据的生命周期不同，sessionStorage 的作用是保存当前会话的记录，打个比方就是，比如你在填写一个表单，有了这个sessionStorage，即使你刷新页面，那么你填写的数据仍然会存在，但是如果你关闭掉这个页面，那么数据就会清除掉。

三者的区别

1. 数据上的生命周期不同
   Cookie 一般由服务器生成，可设置时效时间，如果在浏览器端生成cookie，默认是关闭后时效。
   localStorage 除非被永久清除，否则永久保存
   sessionStorage仅在当前会话有效，关闭页面或浏览器后会被清除

2. 存放数据的大小不同
   Cookie 存储的大小为4kb
   localStorage 和 sessionStorage 存储大小为5m

3. 与服务端通信不同
   cookie 每次都会携带HTTP头重，如果使用cookie 保存过多数据会带来性能问题
   localStorage和 sessionStorage 仅在客户端中保存，不参与和服务器的通信

4. 易用性
   cookie 需要自己手动封装，原生的cookie接口不友好
   localStorage 和 SessionStorage 原生接口可以接收，可以封装来对object 和 arry有更好的支持

---

原文:https://www.cnblogs.com/yaogengzhu/p/11006547.html

以上