面试题 -- SessionStorage、LocalStorage、Cookie的区别

共同点

都是保存在浏览器端，且同源的

区别

• 与服务器的数据交换方式不同
  cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存

---

• 存储大小限制也不同
  cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大

---

• 数据有效期不同
  sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持；localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭

---

• Cookie可以设置有效期、路径(path)，域（domain）