首先總的來說，三者都是用於持久化資料儲存的手段，都是儲存在瀏覽器端，且同源（協議，埠號，都域名相同）

• localStorage和sessionStorage都是Web儲存，大小5M左右，完全儲存在客戶端，它們是因為本地儲存資料而存在
• cookies也是儲存在瀏覽器端的，大小不超過4k，作為http規範的一部分，它是通過瀏覽器的請求將資料傳給伺服器的。

區別

• 有效期

1.localStorage ———-永久儲存，永不失效，除非手動刪除
2.sessionStorage——–資料儲存在視窗物件中，視窗關閉後，資料丟失
3. cookies—————–只在設定的cookie過期時間之前一直有效，即使視窗或瀏覽器關閉

• 作用域

1.sessionStorage不在不同的瀏覽器視窗共享，即使是同一個頁面
2.localStorage和cookies是在所有同源視窗中共享的

• 操作方式

1. sessionStorage和localeStorage主要通過js操作window.localStorage和window.sessionStorage這兩個物件例項的屬性和方法
2. cookies需要前端開發者自己封裝setCookies和getCookies

• 其他區別

1.cookies資料始終在同源的http請求中攜帶（即使不需要），適合儲存很小的資料
2.sessionStorage和localStorage不會自動的將資料傳送給伺服器，僅在本地儲存

• Storage類的相關成員

1.length 屬性 獲取儲存資料的條數

2.key(n)　n:索引值 根據索引值，返回鍵名

3.getItem(key) key:鍵名 根據鍵名，獲取資料值

4.setItem(key,value) key:鍵名 value:鍵值 根據鍵名和鍵值設定資料項，如果鍵名已經存在，則覆蓋值

5.removeItem(key) key:鍵名 根據鍵名刪除一個數據項