三種存儲方式的區別

轉自：https://www.cnblogs.com/hjt-7/p/6401050.html
內容需要補充，后期增加

javaScript有三種數據存儲方式，分別是：

sessionStorage

localStorage

cookie

相同點：都保存在瀏覽器端，同源的

不同點：

①傳遞方式不同

cookie數據始終在同源的http請求中攜帶（即使不需要），即cookie在瀏覽器和服務器間來回傳遞。

sessionStorage和localStorage不會自動把數據發給服務器，僅在本地保存。

②數據大小不同

cookie數據還有路徑（path）的概念，可以限制cookie只屬于某個路徑下。
存儲大小限制也不同，cookie數據不能超過4k，同時因為每次http請求都會攜帶cookie，所以cookie只適合保存很小的數據，如會話標識。

sessionStorage和localStorage 雖然也有存儲大小的限制，但比cookie大得多，可以達到5M或更大。

③數據有效期不同

sessionStorage：僅在當前瀏覽器窗口關閉前有效，自然也就不可能持久保持；

localStorage：始終有效，窗口或瀏覽器關閉也一直保存，因此用作持久數據；

cookie只在設置的cookie過期時間之前一直有效，即使窗口或瀏覽器關閉。

④作用域不同

sessionStorage不在不同的瀏覽器窗口中共享，即使是同一個頁面；

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

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

Web Storage 支持事件通知機制，可以將數據更新的通知發送給監聽者。
Web Storage 的 api 接口使用更方便。

總結

以上是生活随笔為你收集整理的三种存储方式的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。