javascript - 更改对象的属性也会影响另一个对象

Question

问题:当我更改多边形 poly2 的点时，它也会更改另一个多边形的点多边形 poly!!

为什么改变一个也会改变另一个，我们如何解耦它们？

console.log(poly.getPoints()[1].x);  // 100

// Make a change to `poly2`
poly2.setPoints(poly.getPoints());
poly2.getPoints()[1].x=200

console.log(poly.getPoints()[1].x);  // 200 (both poly and poly2 are affected!)

jsfiddle: http://jsfiddle.net/8hFyv/

Answer 1

poly2.setPoints(poly.getPoints());

这是你的问题。点数组是完全相同的对象。

由于您的数组中有数组，slice(0) 技巧将不起作用，您需要深度复制。

幸运的是，您使用的是 jQuery，它有一个方法可以做到这一点。

将上面的行替换为:

poly2.setPoints($.extend(true, [], poly.getPoints()));