使对象不通过引用传递

发布于 2024-09-10 16:02:12 字数 372 浏览 6 评论 0原文

我刚刚发现在 Javascript 中通过引用传递对象是很困难的，例如：

for(var layer = 0; layer < hudLayers['layers'].length; layer++){

    // Store the to-be-calculated values in this object
    var tempValues = hudLayers['layers'][layer];

    tempValues['name'] = 'test';
}

这将更改 tempValues 和 hudLayers 中的值。（似乎很明显，但是没有一点代码的帖子看起来很赤裸裸。）

有没有快速解决这个问题的方法？

原文

I just found out the hard way objects are passed by reference in Javascript, for example:

for(var layer = 0; layer < hudLayers['layers'].length; layer++){

    // Store the to-be-calculated values in this object
    var tempValues = hudLayers['layers'][layer];

    tempValues['name'] = 'test';
}

This will change the value in tempValues and hudLayers.
(Seems kind of obvious, but a post without a bit of code seems so naked.)

Is there a quick way around this?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

握住你手 2024-09-17 16:02:12

这不是通过引用传递的示例（您没有传递任何参数）。
然而，你是对的；分配对象不会进行深层复制。

您可以像这样制作对象的深层副本：

function deepCopy(obj) {
    if (typeof obj !== "object") return obj;
    if (obj.constructor === RegExp) return obj;

    var retVal = new obj.constructor();
    for (var key in obj) {
        if (!obj.hasOwnProperty(key)) continue;
        retVal[key] = deepCopy(obj[key]);
    }
    return retVal;
}

请注意，如果对象的构造函数有任何副作用，则此代码将触发它们。

This is not an example of passing by reference (you aren't passing any parameters).
However, you're correct; assigning an object will not make a deep copy.

You can make a deep copy of an object like this:

function deepCopy(obj) {
    if (typeof obj !== "object") return obj;
    if (obj.constructor === RegExp) return obj;

    var retVal = new obj.constructor();
    for (var key in obj) {
        if (!obj.hasOwnProperty(key)) continue;
        retVal[key] = deepCopy(obj[key]);
    }
    return retVal;
}

Note that if an object's constructor has any side-effects, this code will trigger them.

回复收藏 0 原文