js localStorage

在 JavaScript 中，`localStorage` 是一种本地存储机制，它允许你在用户的设备上持久地存储数据，而无需每次请求都通过服务器传输。这种存储是非同步的，并且数据以键值对的形式存在，通常用于存储不需要频繁更新的数据，例如用户的首选项、配置信息等。

以下是使用 `localStorage` 的基本操作：

### 存储数据：

function setLocalStorage(key, value) {
  localStorage.setItem(key, JSON.stringify(value)); // 数据需要先转化为字符串
}

// 示例
setLocalStorage('username', 'John Doe');

### 读取数据：

function getLocalStorage(key) {
  return JSON.parse(localStorage.getItem(key)); // 将字符串解析回原始数据类型
}

// 示例
const storedUsername = getLocalStorage('username');

### 删除数据：

function removeLocalStorage(key) {
  localStorage.removeItem(key);
}

// 示例
removeLocalStorage('username');

### 清空整个 localStorage：

function clearLocalStorage() {
  localStorage.clear();
}

// 示例
clearLocalStorage();

`localStorage` 对象有一些限制，如每个键值对的最大大小约为5MB，单个键名不得超过2083个字符，以及所有键值对的总和不能超过5MB。