為啥要用localStorage

使用localStorage的原因：1、持久化資料；2、支援多種資料類型；3、更大的儲存空間；4、安全性更高；5、跨網域存取；6、方便快捷。詳細介紹：1、持久化數據，localStorage中的數據不會因為頁面刷新或關閉而丟失，它可以持久化存儲數據，使得用戶在多個瀏覽器會話之間都能訪問到這些數據；2、支持多種資料類型，不同於Cookie只能儲存字串等等。

本教學作業系統：windows10系統、DELL G3電腦。

使用localStorage的原因主要有以下幾點：

1、持久化資料：localStorage中的資料不會因為頁面重新整理或關閉而丟失，它可以持久化存儲數據，使得用戶在多個瀏覽器會話之間都能訪問到這些數據。

2、支援多種資料類型：不同於Cookie只能儲存字串，localStorage可以儲存各種資料類型，包括字串、數字、布林值、物件和陣列等。這使得我們可以更靈活地儲存和操作資料。

3、更大的儲存空間：相對於Cookie的4K限制，localStorage的儲存空間更大，可以達到5MB，這使得我們可以儲存更多的資料。

4、安全性更高：由於localStorage的資料是儲存在使用者的瀏覽器中，而不是伺服器端，因此它比Cookie更安全。在某些情況下，使用Cookie可能會導致資料外洩或被竄改。而localStorage則可以避免這些問題。

5、跨網域存取：localStorage是瀏覽器提供的API，因此它可以在不同的網域之間共用資料。這對於一些需要跨域存取的場景非常有用。

6、方便又快速：使用localStorage非常方便，只需要呼叫幾個簡單的API即可完成資料的儲存和讀取。這使得開發人員可以更快地開發出應用程式。

要注意的是，雖然localStorage有很多優點，但它也有一些限制和缺點。例如，它可能會受到瀏覽器的限制和安全策略的影響，也可能存在儲存空間不足的問題。因此，在使用localStorage時需要謹慎考慮其適用性和安全性。

Cookie和LocalStorage在以下方面有差異：

1、儲存大小：Cookie單一的最大儲存為4k，如果大於4k，則儲存失敗，瀏覽器中找不到對應的cookie資訊；LocalStorage的最大儲存為5m。如果大於這個最大限制瀏覽器提示出錯。

2、有效期限：Cookie預設是會話級存儲（與tab頁共存亡），可以設定過期時間；LocalStorage是持久化存儲，除非主動clear掉。

3、可操作性：Cookie不僅只是儲存數據，還有其他多個屬性可供其操作設置，例如Domain與Path一起決定了cookie的作用範圍，Secure如果設為true，那麼cookie只能用https協定傳送給伺服器；LocalStorage只是儲存資料。

4、攜帶性：在請求時，Cookie會被攜帶，而LocalStorage不會。同源的cookie資訊會自動作為請求頭的一部分發給伺服器，如果過度設定cookie，會額外增加通訊負載。而LocalStorage沒有這個問題，它會一直存在於瀏覽器端。

以上是為啥要用localStorage的詳細內容。更多資訊請關注PHP中文網其他相關文章！