前端面经 Cookie、sessionStorage、localStorage的区别

前端面经 Cookie、sessionStorage、localStorage的区别

共同点：都是保存在浏览器端，并且是同源的

Cookie

cookie数据始终保持在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器来回传递。而seesionStorage和localStorage不会自动把数据发给i服务器，仅在本地保存。
作用：

1. 保持用户登录状态。
2. 跟踪用户行为

cookie数据还有路径(path)的概念，可以限制cookie只属于某个路径，存储的大小只有4K左右

sessionStorage

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

localStorage

localStorage在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的。