JavaScript中的Storage - get()和set()方法

在开发Web应用程序时，有时需要在不同的Web页面之间存储和检索数据。JavaScript提供了Storage API来实现此功能。其中有两个主要的方法是get()和set()。

什么是Storage API？

Storage API是一个Web API，它允许在客户端存储数据。它提供了两个对象：localStorage和sessionStorage。

localStorage对象允许您将数据存储在客户端，并在关闭浏览器后也可用。但是，它的缺点是，如果您的应用程序在多个浏览器选项卡中打开，则该数据将在这些选项卡之间共享。

sessionStorage对象允许您将数据存储在单个浏览器选项卡中，并在关闭选项卡后将其删除。这是一种更加安全的存储数据的方式，因为数据不会在不同的选项卡之间共享。

get()方法

get()方法用于获取存储在对象中的值。

let value = localStorage.getItem('key');

• key：要检索的项目的键值。

如果找不到该键，则此方法将返回null。

示例代码：
```javascript
let myName = localStorage.getItem('name'); // 获取 localStorage 中 key 为 'name' 的值
console.log(myName);

set()方法

set()方法用于将数据存储在localStorage或sessionStorage中。

localStorage.setItem('key', 'value');

• key：要存储的项目的键值。
• value：要存储的项目的值。

示例代码：
```javascript
localStorage.setItem('name', 'Alice'); // 在 localStorage 中，将 'name' 的值设置为 'Alice'
let myName = localStorage.getItem('name');
console.log(myName); // 输出 'Alice'

总结

JavaScript中的Storage API是一个强大的工具，可以让您在应用程序中存储和检索数据。使用get()和set()方法，您可以轻松地在浏览器本地存储和访问数据。

但是，存储在localStorage和sessionStorage中的数据可能会被访问或操纵，因此在存储敏感数据时要格外小心。