localStorage與sessionStorage 區別

admin發表於2019-10-22

本文簡單介紹一下localStorage與sessionStorage 區別。

兩個儲存物件非常相近,它們具有相同的屬性與方法,功能也相同。

下面對它們兩者的相同點和區別進行一下總結羅列。

一.相同點:

(1).具有相同的屬性與方法,且功能相同。

(2).都儲存於瀏覽器客戶端。

二.區別:

兩者的主要區別在於資料在本地儲存的時長。

localStorage儲存時長是永久性的,除非人為刪除或者其他意外導致刪除。

sessionStorage儲存時長與localStorage有很大區別,從其名稱就可以可以出。

sessionStorage由如下兩個單詞合成:

(1).session:翻譯成漢語具有"會話"的意思。

(2).storage:翻譯成漢語具有"儲存"的意思。

顧名思義,sessionStorage功能是實現會話期間的資料儲存功能。

那麼sessionStorage中資料的儲存時長就是"會話"的時長(生命週期)。

下面對其生命週期進行一下簡單總結:

(1).當瀏覽器選項卡關閉時,生命週期結束。

(2).既然選項卡關閉生命週期都會結束,更不用說整個瀏覽器視窗關閉。

(3).也就說sessionStorage 會話受限於瀏覽器選項卡之內。

(4).新開啟一個選項卡或者一個新視窗都是新初始化一個會話,是獨立的。

(5).通過JS或者連結<a>跳轉到同源頁面時,可以實現資料共享,但是兩個資料是獨立的。

相關閱讀:

(1).關於生命週期更多內容可以參閱sessionStorag 生命週期一章節。

(2).關於資料共享更多內容可以參閱sessionStorage 資料共享一章節。

相關文章