sessionStorage的封装（localStorage类似）

可以解决的问题：
1.API只是简单的key/value形式 不断地罗列
2.只能存储字符串，需要人工转换成json对象
3.清空时只能一次性清空不能单个清空








以下代码用于个人记忆和工作封装，大佬请绕行
请结合图片观看

/**
 * Storage封装
 */
const STORAGE_KEY = 'mall';
export default {
  // 存储值
  setItem(key, value, module_name) {
    if (module_name) {
      let val = this.getItem(module_name);
      val[key] = value;
      //递归插入 将带有新存储的覆盖掉原来没有存储的user
      this.setItem(module_name, val);
    } else {
      // 如果没有则创建并写入
      let val = this.getStorage();
      val[key] = value;
      window.sessionStorage.setItem(STORAGE_KEY, JSON.stringify(val));
    }
  },
  // 获取某一个模块下面的属性user下面的userName
  // module_name代表user key代表username
  // 如果查询到了就返回对应的username没查询到就说明获取的是user模块
  getItem(key, module_name) {
    if (module_name) {
      let val = this.getItem(module_name);
      if (val) return val[key];
    }
    //获取整个模块
    return this.getStorage()[key];
  },
  //获取内容
  getStorage() {
    //获取不到给个空对象
    return JSON.parse(window.sessionStorage.getItem(STORAGE_KEY) || '{}');
  },
  clear(key, module_name) {
    let val = this.getStorage();
    if (module_name) {
      // 如果user下的东西没有则直接返回
      if (!val[module_name]) return;
      delete val[module_name][key];
    } else {
      delete val[key];
    }
    // 记得把值重新写进去val代表整个storage的信息
    window.sessionStorage.setItem(STORAGE_KEY, JSON.stringify(val));
  }
}