javascript - 添加到数组的对象全部更改为最后添加的对象

Question

我只是简单地将对象添加到数组中，所有对象都更改为最后添加的值。这看起来非常奇怪。

    var _object = {x:0,y:0,z:0};
    var _objects = [];

    $("div").on("mousedown", function(e) {

        var offset = $(this).offset();

        _object.x = e.pageX-offset.left;
        _object.y = e.pageY-offset.top;

    }).on("mouseup", function(e) {

        var offset = $(this).offset();

        _object.z = 25;
        _objects.push(_object);

    });

发生这种情况是因为它只添加了对象的链接吗？

http://jsfiddle.net/u5wLn/

Answer 1

请使用克隆:

改变:

_objects.push(_object);

到

_objects.push( jQuery.extend(true, {}, _object) );