SessionStorage, LocalStorage, Cookie這三者都可以被用來在瀏覽器端存儲數據，而且都是字符串類型的鍵值對。 區別在于前兩者屬于WebStorage，創建它們的目的便于客戶端存儲數據。 而Cookie早在網景公司的瀏覽器中就開始支持，最初目的是為了保持HTTP的狀態。

Cookie（也叫Web cookie或者瀏覽器Cookie）是服務器發送到用戶瀏覽器并保存在瀏覽器上的一塊數據， 它會在瀏覽器下一次發起請求時被攜帶并發送到服務器上。比較經典的，可以它用來確定兩次請求是否來自于同一個瀏 覽器，從而能夠確認和保持用戶的登錄狀態。Cookie的使用使得基于無狀態的HTTP協議上記錄穩定的狀態信息成為了可能。

localStorage 是 HTML5 標準中新加入的技術，它并不是什么劃時代的新東西。 早在 IE 6 時代，就有一 個叫 userData 的東西用于本地存儲，而當時考慮到瀏覽器兼容性， 更通用的方案是使用 Flash。而如今，localStorage 被大多數瀏覽器所支持，更多用他來存儲數據。

sessionStorage 與 localStorage 的接口類似， 但保存數據的生命周期與 localStorage 不同。 做過后 端開發的同學應該知道 Session 這個詞的意思， 直譯過來是“會話”。 而 sessionStorage 是一個前端的概念， 它只 是可以將一部分數據在當前會話中保存下來， 刷新頁面數據依舊存在。 但當頁面關閉后，sessionStorage 中的數據就會被清空