js中localStorage

JavaScript的`localStorage`是用于本地持久化的存储机制，它允许你在用户的浏览器上存储数据，即使在他们离开当前页面并重新加载时数据仍然存在[^1]。以下是关于`localStorage`的一些基本操作：

1. **设置数据**：

   // 存储数据，这里的键为'uname'，值为'tom'
   localStorage.setItem('uname', 'tom');

2. **获取数据**：

   // 获取先前存储的键为'uname'的数据
   const storedName = localStorage.getItem('uname');
   console.log(storedName); // 输出：'tom'

3. **删除数据**：

   // 删除指定键的数据
   localStorage.removeItem('uname');

4. **清空所有数据**：

   // 清除localStorage中的所有数据
   localStorage.clear();

`localStorage`适用于存储简单的键值对数据，且数据跨页面和标签页共享。注意，它的大小有限制（通常在5MB左右），并且敏感信息不应直接存放在其中，因为它是明文存储的。

相关问题

js 中 localStorage.setItem参数

在 JavaScript 中，localStorage.setItem() 方法用于将一个键值对添加到 localStorage 对象中。它接受两个参数，第一个参数是键名，第二个参数是键值。例如：

localStorage.setItem('myKey', 'myValue');

这将在 localStorage 中创建一个名为“myKey”的键，并将其值设置为“myValue”。注意，键名和键值都必须是字符串类型。如果要存储其他类型的数据，需要先将其转换为字符串，例如：

var myObj = { name: 'John', age: 30 };
localStorage.setItem('myObj', JSON.stringify(myObj));

在这个例子中，我们将一个对象存储在 localStorage 中，但是由于 localStorage 只能存储字符串，我们需要先将对象转换为字符串，这里使用了 JSON.stringify() 方法来实现。

js 中 localStorage 咋用 需要new吗

在JavaScript中，`localStorage`是一个内置的对象，它允许你在浏览器中存储数据，并且这些数据不会过期，直到用户清空浏览器缓存或关闭浏览器。`localStorage`不需要你显式地创建新的实例，它是全局可用的，可以直接通过`window.localStorage`访问。

**使用示例：**

### 存储数据

// 存储键值对
localStorage.setItem('username', 'JohnDoe');

### 获取数据

// 通过键获取值
let username = localStorage.getItem('username');
console.log(username); // 输出 'JohnDoe'

### 删除数据

// 删除某个键的值
localStorage.removeItem('username');

### 清空所有数据

// 清除整个localStorage
localStorage.clear();

**注意：**
- `setItem`, `getItem`, 和 `removeItem` 方法都是异步的，所以如果你依赖于立即更新的数据，最好使用回调函数或Promise处理。
- 由于`localStorage`是同源策略保护的，这意味着只有来自同一域名下的脚本才能读取或修改存储的数据，防止恶意网站窃取数据。

**关于是否需要 new 关键字：**
`localStorage`不是对象的实例，因此无需使用`new`关键字来创建。它本身就是一种全局对象，你可以直接操作其属性和方法。