SessionStorage, LocalStorage, Cookie這三者都可以被用來(lái)在瀏覽器端存儲(chǔ)數(shù)據(jù)，而且都是字符串類型的鍵值對(duì)。 區(qū)別在于前兩者屬于WebStorage，創(chuàng)建它們的目的便于客戶端存儲(chǔ)數(shù)據(jù)。 而Cookie早在網(wǎng)景公司的瀏覽器中就開(kāi)始支持，最初目的是為了保持HTTP的狀態(tài)。
Cookie（也叫Web cookie或者瀏覽器Cookie）是服務(wù)器發(fā)送到用戶瀏覽器并保存在瀏覽器上的一塊數(shù)據(jù)， 它會(huì)在瀏覽器下一次發(fā)起請(qǐng)求時(shí)被攜帶并發(fā)送到服務(wù)器上。比較經(jīng)典的，可以它用來(lái)確定兩次請(qǐng)求是否來(lái)自于同一個(gè)瀏 覽器，從而能夠確認(rèn)和保持用戶的登錄狀態(tài)。Cookie的使用使得基于無(wú)狀態(tài)的HTTP協(xié)議上記錄穩(wěn)定的狀態(tài)信息成為了可能。
localStorage 是 HTML5 標(biāo)準(zhǔn)中新加入的技術(shù)，它并不是什么劃時(shí)代的新東西。 早在 IE 6 時(shí)代，就有一 個(gè)叫 userData 的東西用于本地存儲(chǔ)，而當(dāng)時(shí)考慮到瀏覽器兼容性， 更通用的方案是使用 Flash。而如今，localStorage 被大多數(shù)瀏覽器所支持，更多用他來(lái)存儲(chǔ)數(shù)據(jù)。
sessionStorage 與 localStorage 的接口類似， 但保存數(shù)據(jù)的生命周期與 localStorage 不同。 做過(guò)后 端開(kāi)發(fā)的同學(xué)應(yīng)該知道 Session 這個(gè)詞的意思， 直譯過(guò)來(lái)是“會(huì)話”。 而 sessionStorage 是一個(gè)前端的概念， 它只 是可以將一部分?jǐn)?shù)據(jù)在當(dāng)前會(huì)話中保存下來(lái)， 刷新頁(yè)面數(shù)據(jù)依舊存在。 但當(dāng)頁(yè)面關(guān)閉后，sessionStorage 中的數(shù)據(jù)就會(huì)被清空
