JavaScript中如何实现批处理和缓存优化策略？

本文共计1533个文字，预计阅读时间需要7分钟。

场景+最近在生产环境遇到了这样一个场景：后台在字典表中存储了一些之前需要前后端共同维护的枚举值，并提供根据type/id获取字典的API。所以在渲染列表的时候，有很多列表。

场景

最近在生产环境遇到了下面这样一个场景：
后台在字典表中存储了一些之前需要前后端共同维护的枚举值，并提供根据 type/id 获取字典的 API。所以在渲染列表的时候，有很多列表的字段直接就是字典的 id，而没有经过后台的数据拼装。

起初，吾辈解决问题的流程如下

1. 确定字典字段，添加转换后的对象类型接口
2. 将对象列表进行转换得到其中字典字段的所有值
3. 对字典 id 列表进行去重
4. 根据 id 列表从后台获取到所有的字典数据
5. 将获得的字典数据转换为 id => 字典 的 Map
6. 遍历最初的列表，对里面指定的字典字段进行转换

可以看到，上面的步骤虽然不麻烦，但却十分繁琐，需要定义额外的类型不说，还很容易发生错误。