localStorage和sessionStorage的四个常用方法封装

一个小菜逼

于 2023-12-07 19:00:00 发布

阅读量228

点赞数

文章标签：前端 javascript html

本文链接：https://blog.youkuaiyun.com/weixin_71854821/article/details/134661915

版权

这篇文章介绍了一个名为StorageUtil的JavaScript库，它提供了操作localStorage和sessionStorage的方法，包括设置、获取、移除和清除数据，同时能处理不同数据类型的自动转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const StorageUtil = {
  // 存储localStorage,如果提供类型则存放在sessionStorage中
  set: (key, value, type, datetime) => {
    const obj = {
      dataType: typeof value,
      value: value,
      type: type,
      datatime: datetime || new Date().getTime(),
    };
    if (type) window.sessionStorage.setItem(key, JSON.stringify(obj));
    else window.localStorage.setItem(key, JSON.stringify(obj));
  },
  get: (key, defaultValue) => {
    let value;
    let obj = window.localStorage.getItem(key) || {};
    if (isEmpty(obj)) {
      obj = window.sessionStorage.getItem(key);
    }
    if (isEmpty(obj)) {
      return defaultValue;
    } //默认为undefined
    obj = JSON.parse(obj);
    switch (obj.dataType) {
      case "string":
        value = obj.value;
        break;
      case "number":
        value = Number(obj.value);
        break;
      case "boolean":
        value = Boolean(obj.value);
        break;
      case "object":
        value = obj.value;
        break;
    }
    return value;
  },

  remove: key => {
    window.sessionStorage.removeItem(key);
    window.localStorage.removeItem(key);
  },
  clear: () => {
    window.sessionStorage.clear();
    window.localStorage.clear();
  },
};
export default StorageUtil;