问题如标题,不说了,上截图:

两个选择框 combobox为了不二次取数据,采用 loadData,传递数据。但是问题就出现了,在console。log 之前,数据已经合并了,输出相同内容。

那么问题原因:其实返回数据data,是一个对象,对象的拷贝需要深拷贝;那么,easyui传递的时候,数据是 对象的内存池里面的地址,而不是真实扁平化后的数据,基于JavaScript 的单线程运行机制,数组push,reverse,unshift都发生在 两次console和dom节点生成之前,data数据早已经合并变化了,所以获取的数据 都是合并之后的。
重点来了,解决办法:
let d=[...data]; //把数组对象展开,再重新装回一个数组里面就可以了,
$("#inclass").combobox("loadData", d);


问题解决,其实就是 一个深拷贝和浅拷贝的问题。 不是专业计算机出身,基础不好。
文章讲述了在使用EasyUI的Combobox组件时,由于数据的浅拷贝导致加载数据后出现意外的合并问题。作者发现数据是对象的引用而非扁平化的副本,JavaScript的单线程执行导致在console.log之前数据已经被修改。解决方案是通过创建数据的深拷贝,利用扩展运算符将对象转换为新数组,从而解决了Combobox中的数据同步问题。
3675

被折叠的 条评论
为什么被折叠?



