前端缓存处理[通俗易懂]

/** * 根据字典编码获取字典数据 * 注意：此方法是异步方法，需要用.then(res => {})获取返回值 * @param {string} code 字典编码 * @returns 字典数据 */
async getCodeList(code) { 

let codeList = sessionStorage.getItem(code);
// 校验这个数据是否可用
if (StringUtil.isEmpty(codeList)) { 

// 此处同步调用接口，是防止方法已经结束了，但是数据还没获取到。（这里使用await，方法就必须是async修饰的）
await sysCode.itemCodes({ 
code: code}).then((res) => { 

// 存数据时都需要用JSON进行转换。
sessionStorage.setItem(code, JSON.stringify(res));
codeList = JSON.stringify(res);
})
}
return JSON.parse(codeList);
},
/** * 根据字典编码和字典数据的id获取该字典数据的名称 * 注意：调用此方法的位置要确保当前系统已经调用过同文件中的getCodeList方法，并且code一致 * @param {string} code 字典编码 * @param {number} id 字典数据的id * @returns {String} 字典数据的名称 */
getCodeName(code, id) { 

id = parseInt(id);
let codeList = sessionStorage.getItem(code);
return JSON.parse(codeList).filter(e => e.valueId === id)[0].valueName;
},

/** * 获取下拉框数据 */
select() { 

// 异步方法需要使用.then()获取数据
sysCodeUtil.getCodeList("type").then(res => { 

this.type = res;
})
},
// 此处粘一行代码说明getCodeName的使用
res.data.type = sysCodeUtil.getCodeName("type", res.data.type);