Storage

localStorage

即使用戶關閉瀏覽器，頁面數據依然存在。下一次用戶打開該頁面，便能夠使用該資料。舉個例子，當localStorage擁有userdata，瀏覽器可以獲取用戶資料，瀏覽器會導航用戶到登入後的畫面。

if (localStorage.getItem('userdata')) {
  login();
} else {
  register();
}

sessionStorage與localStorage相似，但如果用戶關閉當前頁面，sessionStorage中的數據就會被清空。

1 2	window.sessionStorage.setItem("username", "calpa"); window.sessionStorage.getItem("username"); // calpa

儲存資料的時候，可以利用Storage物件內的setItem()方法。

1 2	localStorage.setItem(3, 3); sessionStorage.setItem("username", "calpa");

獲取資料的時候，則會用到getItem()方法。

1	let username = localStorage.getItem("username");

如果key不是string的話，獲取資料時會出現問題。

1	localStorage.3 = 3; // Uncaught SyntaxError: Unexpected number

清除某個資料，可以用removeItem()

1	window.localStorage.removeItem("username");

清除所有資料，可以用clear()

1 2	window.localStorage.clear(); window.sessionStorage.clear();