介绍localstorage.getitem()方法

简介

localStorage 是 Web Storage API 的一种，该 API 允许开发者在浏览器端（客户端）存储键值对，以供后续使用。和其它 Cookie 等机制不同，localStorage 存储在浏览器中的文件中，不因为请求时携带而传输到服务器端。因此，localStorage 适合存储一些不需要每一次请求都上传到服务器端的数据。 getItem 方法是 localStorage 提供的一个方法，用于获取 localStorage 中的值。

语法

localStorage.getItem(key);

参数

key： 要获取的值所对应的键。

返回值

返回 key 对应的值。如果不存在对应的值，则返回 null 。

使用示例

下面是一个简单的示例，获取 localStorage 中键名为 username 的值：

let username = localStorage.getItem('username');
console.log(username);

注意： getItem 返回的是字符串类型的值，如果需要将其转化为其它类型，请使用相应的转化方法。

兼容性

localStorage.getItem 相对来说较为普遍，支持新旧版本的各大主流浏览器，可以放心使用。 如果需要兼容 IE6，可以使用 document.documentElement.```js let value = document.documentElement.getAttribute('localStorage:' + key);

其余同样使用 `getItem` 获得值，为 `value`。

## 注意事项

- `localStorage` 的存储容量因浏览器的不同而不同，通常为 5 ~10MB，存储在不同的文档中的 `localStorage` 数据是相互独立的。

- `localStorage` 的 API 应该慎用，因为存储在其中的数据始终存在在用户本地的磁盘上，即便是在用户重新打开浏览器后依然存在。

- 程序员需要对 `localStorage` 中存储的数据加密，以确保数据的安全性，防止数据泄露和篡改。因为用户可以通过控制台等工具修改 `localStorage` 数据。