冰冰的小屋

路漫漫其修远兮,吾将上下而求索

关于 Echarts 中 option 的赋值方式的建议

在做项目的时候有使用 Echarts 作为统计数据的图表显示。通常我使用 Echarts 的时候会在文件的最上面创建一个 const option 常量对象,使用中对 option 用 lodash 的 cloneDeep() 函数进行深克隆,然后使用克隆后的常量值。这样做其实是不好的。

知乎 上看到一个关于深拷贝的问题,其中一个回答者说了这样的话。

对付 deep clone, 最好的办法是抛弃需要 deep clone 的代码.

本来我对这句话很困惑,但点开评论,其中他有对这句话做了解释。并对例如 Echarts 的 option 的赋值问题,说可以用函数或者构造函数生成多个对象就可以了。让我对之前的使用方法做了反思。的确,用深克隆的话,不仅会创建一个新的变量,而且还会调用深克隆进行遍历赋值,这个遍历其实对我们使用来说应该是可以避免的。比如使用函数就可以达到生成新的变量的目的。所以我的建议是,如果使用 Echarts 的 option,可以在文件的最上面创建一个最简单的箭头函数,返回值为默认 option 对象数据。如果需要使用新的数据,调用该函数即可。代码如下:

 

 

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注