JavaScript 获取本地存储

当你使用 JavaScript 开发 web 应用程序时，你可能会需要在用户的浏览器中存储数据。其中一种方法是使用本地存储。本地存储是 HTML5 引入的一种机制，允许你在用户的浏览器中存储数据。在本文中，我们将介绍如何使用 JavaScript 来获取本地存储。

LocalStorage 和 SessionStorage

在 HTML5 中，有两种本地存储机制：localStorage 和 sessionStorage。

localStorage 是一种持久化存储，数据会一直保存在浏览器中，直到用户清除浏览器缓存或者通过 JavaScript 删除数据。

sessionStorage 是一种临时存储，数据只在用户打开网页的当前会话中存在。当用户关闭浏览器窗口时，浏览器会清除 sessionStorage 中的数据。

获取本地存储

使用 JavaScript 获取本地存储非常简单，你只需要使用 localStorage 或 sessionStorage 全局变量即可。

// 保存数据到 localStorage
localStorage.setItem('key', 'value');

// 从 localStorage 中获取数据
const value = localStorage.getItem('key');

// 删除 localStorage 中的数据
localStorage.removeItem('key');

// 清空 localStorage
localStorage.clear();

上述代码中，我们使用 setItem() 方法将数据存储到 localStorage 中，并使用 getItem() 方法获取数据。我们也可以使用 removeItem() 方法删除 localStorage 中的指定数据，或使用 clear() 方法清空整个 localStorage 数据。

下面的代码使用 sessionStorage 存储数据，代码和使用 localStorage 是一样的。

// 保存数据到 sessionStorage
sessionStorage.setItem('key', 'value');

// 从 sessionStorage 中获取数据
const value = sessionStorage.getItem('key');

// 删除 sessionStorage 中的数据
sessionStorage.removeItem('key');

// 清空 sessionStorage
sessionStorage.clear();

总结

在本文中，我们介绍了如何使用 JavaScript 来获取本地存储。我们了解了 localStorage 和 sessionStorage 两种本地存储的差异，以及如何使用 setItem()、getItem()、removeItem() 和 clear() 方法来操作本地存储。希望这篇文章能够帮助你更好地理解本地存储的使用。