首頁技術(shù)文章正文

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

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

好口碑IT培訓(xùn)

共同點(diǎn)：都是保存在瀏覽器端、且同源的

區(qū)別：

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

2、存儲大小限制也不同，cookie數(shù)據(jù)不能超過4K，同時(shí)因?yàn)槊看蝖ttp請求都會攜帶cookie、所以cookie只適合保存很小的數(shù)據(jù)，如會話標(biāo)識。sessionStorage和localStorage雖然也有存儲大小的限制，但比cookie大得多，可以達(dá)到5M或更大

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

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

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

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