怎么封装localStorage
时间: 2023-12-24 19:55:30 浏览: 71
对于 JavaScript 中的 localStorage,我们可以使用封装方法来对其进行封装以便于使用和操作。以下是一个简单的封装方法:
```javascript
const Storage = {
get: (key) => {
const value = localStorage.getItem(key);
try {
return JSON.parse(value);
} catch (e) {
return value;
}
},
set: (key, value) => {
if (typeof value === 'object') {
localStorage.setItem(key, JSON.stringify(value));
} else {
localStorage.setItem(key, value);
}
},
remove: (key) => {
localStorage.removeItem(key);
},
clear: () => {
localStorage.clear();
}
};
```
封装方法包含了 get、set、remove、clear 四个方法,用于获取、设置、删除、清空操作。其中,get 方法将从 localStorage 中获取一个键对应的值,并在需要时将其转换为对象类型。set 方法将一个值存储到 localStorage 中,如果该值为对象类型,则会自动转为字符串类型。remove 方法将从 localStorage 中删除一个键值对,而 clear 方法则清空整个 localStorage。
阅读全文