cookies , localStorage , sessionStorage 差別

[aleetsaiya]

cookies , localStorage , sessionStorage 差別

• cookies 大小約 4kb，可以設定失效時間，如果沒有設定的話默認是關閉瀏覽器後失效。

• localStorage 大小約 5mb，不會過期除非手動清除 ( localStorage.removeItem 或是 f12 > application > localStorage)，換句話說就是除非被清除不然就會永久保存，不參與 server 溝通。

• sessionStorage 大小跟 localStorage 一樣為 5mb ，只是生命週期比起 localStorage 短，sessionStorage 在關閉分頁或是關閉瀏覽器的時候就會消失，不參與 server 溝通。

本文以及更多資訊參考 : Cookie、LocalStorage、SessionStorage 差異

[slc3a2]

面试经常问他们的差异性：

相同点：都遵守同源策略，都存储字符串，都存在客户浏览器端 不同点：

• cookie 一般只有4K小，并且发出请求时自动带上 cookie，一般用于用户的身份鉴权
• sessionStorage 和 locaStorage 直接存储在本地，请求不会携带，并且容量比 cookie 要大的多，一般是5m，不同浏览器实现标准是不同的
• sessionStorage 是临时会话，当窗口被关闭的时候就清除掉 ，而 locaStorage 永久存在，cookie 有过期时间
• cookie 和 localStorage 都可以支持多窗口共享，而 sessionStorage 不支持多窗口共享 但是都支持a链接跳转的新窗口