同事225行的代码咱25行给他搞定

36 阅读1分钟

最近接手了一个项目,要修复测出来的bug。今天发现一个数组对象,洋洋洒洒200多行代码,每个对象长得差不多,只有两个属性值有差异,见下图:

1717057751863.png

花大量的代码展示一个数组对象,完全不符合Vue组件精简代码的主旨,有两个途径来优化:

  1. 单独使用一个js文件来存储这个值,再export出去,在需要使用的地方import进来使用;
  2. 使用一个对象来存储差异的属性值,再通过map方法生成对象数组。

1717058001519.png

一顿操作下来,成功将225行的代码压缩至25行,挺有成就感的。但是最后我还是默默的将自己的代码删除了,反正领导看不到就等于白做,他只关注你晚上6点半的时候在不在工位上加班,操蛋的管理制度!!!

be20de0609684673bea54455d214ddb0.jpeg