1. 程式人生 > >cookies,sessionStorage,localStorage的相同點和不同點

cookies,sessionStorage,localStorage的相同點和不同點

js中常見的儲存方式是什麼?有什麼相同點和不同點?

在js中有三種儲存方式,cookies;sessionStorage;localStorage;

相同點:

三種都儲存在客戶端。

不同點:

1. 儲存大小

cookie:儲存的資料大小不能超過4k;

sessionStorage和localStorage:儲存大小可以達到5M或者更多,只能儲存字串類物件,如果想要儲存其他,需要對其進行編碼解碼;

2.有效時間

cookie:設定的cookie儲存週期內一直有效,及時瀏覽器關閉;

sessionStorage:資料在瀏覽器視窗關閉後自動刪除;

localStorage:除非主動刪除資料,否者資料會持久儲存;

3.資料和伺服器之間的互動方式

cookie:資料從客戶端自動傳遞到伺服器,反之伺服器端也可以寫cookie到客戶端,cookie可以被限制在某一路徑下;

sessionStorage和localStorage:僅在本地儲存;

4.作用域

cookie:在所有同源視窗共享;

sessionStorage:在不同的瀏覽器視窗中不共享,即使在同一頁面上也不共享;

localStorage:在所有的同源視窗中是共享的;