$.extend(true,{},a,b),深入理解,小心陷阱

$.extend
一般情景下,使用深度拓展两个对象时,我们想要的效果是,b对象覆盖掉a对象中存在的所有属性,没有则新增到a对象中;
下面我们看一下我所遇到的问题:
clip_image002
我希望通过深度拓展将tmp中的editoption覆盖掉ret中的editoption;所以采用了深度拓展方法  ret = $.extend(true,{},ret,tmp);
但结果并没有达到我想要的效果:
clip_image004
对象属性中的数组长度依然没有发生变化。
通过样例比较发现,数组长度虽然没有发生变化,但是数组前排列在前8位的值发生了改变,也就是是说,变量深度拓展覆盖到了数组的值,而不是覆盖掉整个数组对象。
clip_image006
注意如果直接使用$.extend(a,b)将改变a对象值。注意对象引用引发的神奇bug

clip_image008

因为$.extend(a,b)返回的是将a通过与b融合以后的结果,a对象会被改变。

最后我直接使用$.extend({},a,b)解决此需求:即不改变a,b对象的引用,也返回了我想要的值。

总结:即使简单的方法,也需深入理解,避免潜意识里的认知干扰对事物的判断。

原文地址:https://www.cnblogs.com/DJeanWeb/p/4388689.html