localstorage 封装

好的，这里是一个简单的 localstorage 封装示例：

const storage = {
  set(key, value) {
    localStorage.setItem(key, JSON.stringify(value));
  },
  get(key) {
    const value = localStorage.getItem(key);
    return value ? JSON.parse(value) : null;
  },
  remove(key) {
    localStorage.removeItem(key);
  },
  clear() {
    localStorage.clear();
  }
};

这个封装包含了常用的 set、get、remove 和 clear 方法，可以方便地操作 localstorage。

相关问题

怎么封装localStorage

对于 JavaScript 中的 localStorage，我们可以使用封装方法来对其进行封装以便于使用和操作。以下是一个简单的封装方法：

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。

怎么用Js 封装localStorage

您好，关于您的问题，我可以给出以下的参考代码：

// 封装localStorage方法
var local = {
  set: function(key, value){
    localStorage.setItem(key, JSON.stringify(value));
  },
  get: function(key){
    return JSON.parse(localStorage.getItem(key));
  },
  remove: function(key){
    localStorage.removeItem(key);
  },
  clear: function(){
    localStorage.clear();
  }
};

使用方法：

// 存储数据
local.set('name', '张三');
local.set('age', 18);

// 获取数据
var name = local.get('name');
var age = local.get('age');

// 删除单个数据
local.remove('name');

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

希望能够帮助到您。如果您有其他问题，欢迎继续提问。