首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >JavaScript:如何通过值传递对象?

JavaScript:如何通过值传递对象?
EN

Stack Overflow用户
提问于 2011-09-28 02:37:15
回答 14查看 129.7K关注 0票数 99
  • 将对象作为参数传递时,JavaScript通过引用传递这些对象,从而使创建对象的本地副本变得困难。

var = {};(function(x){ var obj = x;obj.foo = 'foo';obj.bar = 'bar';})(o)

o .bar__.

  • It's将使.bar__.

  • It‘s和可以通过克隆绕过此问题;简单的示例:

var o= {};函数克隆( x) { for(p in X) thisp = (typeof(xp) == 'object')?新克隆(Xp):xp;} (function(x){ var obj = new Clone(x);obj.foo = 'foo';obj.bar = 'bar';})(o)

o .bar__.不会支持 .foo

问题

  1. 除了创建本地副本/克隆之外,是否有更好的方法通过值传递对象?
EN

回答 14

Stack Overflow用户

回答已采纳

发布于 2011-09-28 02:48:14

不怎么有意思。

根据您的实际需要,一种可能是将o设置为新对象的原型。

代码语言:javascript
复制
var o = {};
(function(x){
    var obj = Object.create( x );
    obj.foo = 'foo';
    obj.bar = 'bar';
})(o);

alert( o.foo ); // undefined

因此,您添加到obj中的任何属性都不会添加到o中。添加到obj中且与o中的属性同名的任何属性都将隐藏o属性。

当然,任何添加到o中的属性都将在obj中可用,前提是这些属性没有被屏蔽,并且在原型链中具有o的所有对象都将看到对o的相同更新。

此外,如果obj具有引用另一个对象的属性,如数组,则在将成员添加到对象之前,您需要确保隐藏该对象,否则,这些成员将被添加到obj中,并将在原型链中具有obj的所有对象之间共享。

代码语言:javascript
复制
var o = {
    baz: []
};
(function(x){
    var obj = Object.create( x );

    obj.baz.push( 'new value' );

})(o);

alert( o.baz[0] );  // 'new_value'

在这里您可以看到,因为您没有使用obj上的baz属性来隐藏obaz处的数组,所以o.baz数组会被修改。

因此,您需要首先对其进行隐藏:

代码语言:javascript
复制
var o = {
    baz: []
};
(function(x){
    var obj = Object.create( x );

    obj.baz = [];
    obj.baz.push( 'new value' );

})(o);

alert( o.baz[0] );  // undefined
票数 64
EN

Stack Overflow用户

发布于 2014-06-18 04:50:17

请查看此答案https://stackoverflow.com/a/5344074/746491

简而言之,如果您的对象可以序列化为JSON.parse(JSON.stringify(obj)),那么json是复制对象的一种快速方法。

票数 51
EN

Stack Overflow用户

发布于 2011-09-28 02:55:46

下面是克隆函数,它将执行对象的深度复制:

代码语言:javascript
复制
function clone(obj){
    if(obj == null || typeof(obj) != 'object')
        return obj;

    var temp = new obj.constructor(); 
    for(var key in obj)
        temp[key] = clone(obj[key]);

    return temp;
}

现在你可以像这样使用:

代码语言:javascript
复制
(function(x){
    var obj = clone(x);
    obj.foo = 'foo';
    obj.bar = 'bar';
})(o)
票数 42
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7574054

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档