怎么封装一个localStorage

在JavaScript中，localStorage是一个非常有用的工具，能够让你在浏览器中持久化存储数据。封装localStorage的思路就是将其相关方法进行抽象，然后在适当的时候调用。

下面是一个封装localStorage的示例：

const storage = {
  set(key, value) {
    try {
      localStorage.setItem(key, JSON.stringify(value));
    } catch (e) {
      console.error('localStorage set error:', e);
    }
  },
  get(key) {
    let result = null;
    try {
      result = JSON.parse(localStorage.getItem(key));
    } catch (e) {
      console.error('localStorage get error:', e);
    }
    return result;
  },
  remove(key) {
    try {
      localStorage.removeItem(key);
    } catch (e) {
      console.error('localStorage remove error:', e);
    }
  },
  clear() {
    try {
      localStorage.clear();
    } catch (e) {
      console.error('localStorage clear error:', e);
    }
  }
}

使用上面封装的localStorage方法可以这样：

// 存储数据
storage.set('myKey', { name: 'Tom', age: 18 });

// 获取数据
const myObj = storage.get('myKey');
console.log(myObj); // { name: 'Tom', age: 18 }

// 删除数据
storage.remove('myKey');

// 清空所有数据
storage.clear();

需要注意的是，封装localStorage并不是必要的，直接使用localStorage也可以完成相同的操作。但是封装可以提高代码的复用性和可维护性。