js 中 localStorage 咋用 需要new吗
时间: 2024-09-27 10:06:35 浏览: 9
在JavaScript中,`localStorage`是一个内置的对象,它允许你在浏览器中存储数据,并且这些数据不会过期,直到用户清空浏览器缓存或关闭浏览器。`localStorage`不需要你显式地创建新的实例,它是全局可用的,可以直接通过`window.localStorage`访问。
**使用示例:**
### 存储数据
```javascript
// 存储键值对
localStorage.setItem('username', 'JohnDoe');
```
### 获取数据
```javascript
// 通过键获取值
let username = localStorage.getItem('username');
console.log(username); // 输出 'JohnDoe'
```
### 删除数据
```javascript
// 删除某个键的值
localStorage.removeItem('username');
```
### 清空所有数据
```javascript
// 清除整个localStorage
localStorage.clear();
```
**注意:**
- `setItem`, `getItem`, 和 `removeItem` 方法都是异步的,所以如果你依赖于立即更新的数据,最好使用回调函数或Promise处理。
- 由于`localStorage`是同源策略保护的,这意味着只有来自同一域名下的脚本才能读取或修改存储的数据,防止恶意网站窃取数据。
**关于是否需要 new 关键字:**
`localStorage`不是对象的实例,因此无需使用`new`关键字来创建。它本身就是一种全局对象,你可以直接操作其属性和方法。