cookiesessionsessionStorage localStorage 区别

Posted 2020-11-21 aloehui

1> cookie在浏览器与服务器之间来回传递，在想服务器发送请求时，web浏览器会自动携带cookie。

sessionStorage和localStorage不会把数据发给服务器，仅在本地保存

2> 数据有效期不同

cookie： 可以设置过期时间，即使窗口或浏览器关闭,cookie也不会在设置的过期时间之前失效。

　　       cookie的默认过期时间为会话结束之前，浏览器会话期间，关闭浏览器窗口，cookie就会消失，这个称之为会话cookie。

sessionStorage：仅在当前浏览器窗口关闭前有效。

localStorage  始终有效，长期保存。

3> cookie可以设置pat，

可以限制cookie只属于某个路径下（另外还可设置安全连接secure，域名domain等）

4> 存储大小也不同

cookie数据不能超过4k，sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。

5> 作用域不用

sessionStorage  在不同浏览器窗口中不共享；

localStorage  在同源窗口中共享；

cookie   也是在所有同源窗口中共享；

WebStorage 支持事件通知机制，可以将数据更新的通知发送给监听者。Web Storage 的 api 接口使用更方便。