js三種存儲方式區別


javaScript有三種數據存儲方式,分別是:

sessionStorage

localStorage

cookier

相同點:都保存在瀏覽器端,同源的

不同點:

①傳遞方式不同

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 接口使用更方便。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM