1. 程式人生 > 其它 >描述cookies,sessionStorage和localStorage的區別

描述cookies,sessionStorage和localStorage的區別

cookie:是小甜餅的意思。顧名思義,cookie確實非常小,它的大小限制為4kb左右。它的主要用途有儲存登入資訊,比如你登入某個網站市場可以看見“記住密碼”,這通常就是通過在Cookie中存入一段辨明使用者身份的資料來實現的。

localStorage:是html5標準中新加入的技術,它並不是什麼劃時代的新東西。早在IE6時代,就有一個叫userData的東西用於本地儲存,而當時考慮到瀏覽器相容性,更通用的方法是使用flash。而如今,localStorage被大多數瀏覽器所支援。如果你的網站需要支援IE6+,那以userData作為你的polyfill的方案是種不錯的選擇。

sessionStorage

:與localStorage的介面類似,但儲存資料的生命週期不同。session,直譯過來是“會話”,而sessionStorage是一個前端的概念,它只是可以將一部分資料在當前會話中儲存下來,重新整理頁面資料依舊存在。但當頁面關閉後,sessionStorage中的資料就會被清空。

 

HTML5提供了兩種在客戶端儲存資料的新方法:

1、localStorage-沒有時間限制的資料儲存

2、sessionStorage-針對一個session的資料儲存

之前這些都是由cookie完成的,但是cookie不適合大量資料的儲存,因為它們由每個對伺服器的請求來傳遞,這使得cookie速度很慢而且效率不高。

 

相同點:都是儲存在瀏覽器端,同源共享,即相同域下可以修改讀取。

區別:

 

 

特性 Cookie localStorage sessionStorage
資料的生命週期 可設定失效時間,預設是瀏覽器關閉後失效 除非被清除,否則永久儲存 僅在當前會話下有效,關閉頁面或瀏覽器後被清除
存放資料大小 4K左右 一般為5MB 一般為5MB
與伺服器端通訊 每次都會攜帶在HTTP頭中,如果使用Cookie儲存過多資料會帶來效能的問題 僅在客戶端(即瀏覽器)中儲存,不參與和伺服器的通訊 僅在客戶端(即瀏覽器)中儲存,不參與和伺服器的通訊
易用性 需要程式設計師自己封裝,源生的Cookie介面不友好 源生介面可以接受,亦可再次封裝來對Object和Array有更好的支援 源生介面可以接受,亦可再次封裝來對Object和Array有更好的支援