首頁技術文章正文

Localstorage、sessionStorage、cookie三者有什么區(qū)別?

更新時間:2021年05月18日14時42分來源:傳智教育瀏覽次數(shù):

好口碑IT培訓

共同點：都是保存在瀏覽器端、且同源的

區(qū)別：

1、cookie數(shù)據(jù)始終在同源的http請求中攜帶(即使不需要)，即cookie在瀏覽器和服務器間來回傳遞，而sessionStorage和localStorage不會自動把數(shù)據(jù)發(fā)送給服務器，僅在本地保存。cookie數(shù)據(jù)還有路徑(path)的概念，可以限制cookie只屬于某個路徑下

2、存儲大小限制也不同，cookie數(shù)據(jù)不能超過4K，同時因為每次http請求都會攜帶cookie、所以cookie只適合保存很小的數(shù)據(jù)，如會話標識。sessionStorage和localStorage雖然也有存儲大小的限制，但比cookie大得多，可以達到5M或更大

3、數(shù)據(jù)有效期不同，sessionStorage：僅在當前瀏覽器窗口關閉之前有效;localStorage：始終有效，窗口或瀏覽器關閉也一直保存，因此用作持久數(shù)據(jù);cookie：只在設置的cookie過期時間之前有效，即使窗口關閉或瀏覽器關閉

4、作用域不同，sessionStorage不在不同的瀏覽器窗口中共享，即使是同一個頁面;localstorage在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的

5、web Storage支持事件通知機制，可以將數(shù)據(jù)更新的通知發(fā)送給監(jiān)聽者

6、web Storage的api接口使用更方便