JavaScript by reference vs. by value [duplicate] (按引用 JavaScript 与按值 [duplicate]

JavaScript by reference vs. by value [duplicate]

提问人:jfriend00 提问时间:7/7/2011 最后编辑:Ry-jfriend00 更新时间:12/12/2019 访问量:343291

问:

我正在寻找一些好的综合阅读材料,了解 JavaScript 何时按值传递某些内容,何时通过引用传递,以及何时修改传递的项会影响函数外部的值,何时不影响。我还感兴趣的是,何时通过引用还是按值分配给另一个变量,以及这是否遵循与作为函数参数传递不同的规则。

我做了很多搜索,找到了很多具体的例子(其中许多都是在 SO 上),从中我可以开始拼凑出真正的规则,但我还没有找到一个写得很好的文档来描述这一切。

另外,语言中是否有方法可以控制某些内容是通过引用还是按值传递?

以下是我想了解的一些类型的问题。这些只是例子 - 我实际上是在寻求理解语言所遵循的规则,而不仅仅是具体例子的答案。但是,这里有一些例子:

function f(a,b,c) {
   a = 3;
   b.push("foo");
   c.first = false;
}

var x = 4;
var y = ["eeny", "miny", "mo"];
var z = {first: true};
f(x,y,z);

对于所有不同类型的 x、y 和 z 的内容何时在 f 范围之外更改?

function f() {
    var a = ["1", "2", "3"];
    var b = a[1];
    a[1] = "4";
    // what is the value of b now for all possible data types that the array in "a" might hold?
}

function f() {
    var a = [{yellow: "blue"}, {red: "cyan"}, {green: "magenta"}];
    var b = a[1];
    a[1].red = "tan";
    // what is the value of b now and why?
    b.red = "black";
    // did the value of a[1].red change when I assigned to b.red?
}

如果我想制作一个对象的完全独立的副本(没有任何引用),最好的做法是什么?

JavaScript 逐个引用 传递值

评论


答:

719赞 nrabinowitz 7/7/2011 #1

我的理解是,这其实很简单:

  • Javascript 总是按值传递,但当变量引用对象(包括数组)时,“值”是对对象的引用。
  • 更改变量的值永远不会更改基础基元或对象,它只是将变量指向新的基元或对象。
  • 但是,更改变量引用的对象的属性确实会更改基础对象。

因此,要完成您的一些示例:

function f(a,b,c) {
    // Argument a is re-assigned to a new value.
    // The object or primitive referenced by the original a is unchanged.
    a = 3;
    // Calling b.push changes its properties - it adds
    // a new property b[b.length] with the value "foo".
    // So the object referenced by b has been changed.
    b.push("foo");
    // The "first" property of argument c has been changed.
    // So the object referenced by c has been changed (unless c is a primitive)
    c.first = false;
}

var x = 4;
var y = ["eeny", "miny", "mo"];
var z = {first: true};
f(x,y,z);
console.log(x, y, z.first); // 4, ["eeny", "miny", "mo", "foo"], false

示例 2:

var a = ["1", "2", {foo:"bar"}];
var b = a[1]; // b is now "2";
var c = a[2]; // c now references {foo:"bar"}
a[1] = "4";   // a is now ["1", "4", {foo:"bar"}]; b still has the value
              // it had at the time of assignment
a[2] = "5";   // a is now ["1", "4", "5"]; c still has the value
              // it had at the time of assignment, i.e. a reference to
              // the object {foo:"bar"}
console.log(b, c.foo); // "2" "bar"

评论

73赞 7/7/2011
虽然从技术上讲是正确的,但我更愿意说 JavaScript 是 Pass By Object Sharing。它避免了这种混淆,并转向“高级”视图。
12赞 MEMark 6/25/2014
你指的是什么“困惑”?对我来说,“按价值传递”是完全清楚的。
34赞 Amit Tomar 1/18/2016
Changing the value of a variable never changes the underlying primitive or object. However, changing a property of an object referenced by a variable does change the underlying object.这两句话放在一起,消除了很多疑虑。谢谢!
11赞 Rafael 4/27/2016
来自C,这是愚蠢和烦人的,状态状态状态......
5赞 ralixyle 8/28/2017
var users = [1,2,3,4]; var x_users = users; x_users.push(5);现在用户和x_users是相同的,因为它是通过引用传递的。解决此问题的一种方法是现在用户和x_users不同,因为x_users不是指用户。我花了一段时间才弄清楚:-)希望这可以帮助某人。var x_users = users.slice(0); x_users.push(6);
29赞 Edgar Villegas Alvarado 7/7/2011 #2

是的,Javascript 总是按值传递,但在数组或对象中,值是对它的引用,因此您可以“更改”内容。

但是,我想你已经在 SO 上读过它了;在这里,你有你想要的文档:

http://snook.ca/archives/javascript/javascript_pass

评论

2赞 7/7/2011
虽然从技术上讲是正确的,但我更愿意说 JavaScript 是 Pass By Object Sharing。它避免了这种混淆,并转向“高级”视图。
1赞 tkane2000 5/22/2014
我做了一个小提琴来玩一下这个:jsfiddle.net/tkane2000/7weKS/1
61赞 nnnnnn 7/7/2011 #3

Javascript 总是按值传递。但是,如果将对象传递给函数,则“值”实际上是对该对象的引用,因此函数可以修改该对象的属性,但不会导致函数外部的变量指向其他对象

举个例子:

function changeParam(x, y, z) {
  x = 3;
  y = "new string";
  z["key2"] = "new";
  z["key3"] = "newer";

  z = {"new" : "object"};
}

var a = 1,
    b = "something",
    c = {"key1" : "whatever", "key2" : "original value"};

changeParam(a, b, c);

// at this point a is still 1
// b is still "something"
// c still points to the same object but its properties have been updated
// so it is now {"key1" : "whatever", "key2" : "new", "key3" : "newer"}
// c definitely doesn't point to the new object created as the last line
// of the function with z = ...

评论

6赞 shyammakwana.me 4/13/2016
Array是一个对象,所以也会改变。
0赞 Hritik 11/24/2018
除了 JavaScript 中几乎所有的东西都是一个对象。
2赞 nnnnnn 12/2/2018
@Hritik - 除了所有不是对象的基元值。
19赞 Mukund Kumar 10/28/2014 #4
  1. 原始类型变量,如 string、number 始终作为 pass 传递 按值。
  2. 数组和对象基于这两个条件作为传递引用或传递值传递。

    • 如果要使用新的 Object 或 Array 更改该 Object 或数组的值,则它是按 Value 传递的。

      object1 = {item: "car"}; array1=[1,2,3];

    在这里,您将新对象或数组分配给旧对象或数组。您没有更改 Property 的值 的旧 object.so 它是按值传递的。

    • 如果要更改对象或数组的属性值,则该值将按引用传递。

      object1.item= "car"; array1[0]=9;

    在这里,您正在更改旧对象的属性值。您不会将新对象或数组分配给旧对象或数组,one.so 它是通过引用传递的。

法典

    function passVar(object1, object2, number1) {

        object1.key1= "laptop";
        object2 = {
            key2: "computer"
        };
        number1 = number1 + 1;
    }

    var object1 = {
        key1: "car"
    };
    var object2 = {
        key2: "bike"
    };
    var number1 = 10;

    passVar(object1, object2, number1);
    console.log(object1.key1);
    console.log(object2.key2);
    console.log(number1);

Output: -
    laptop
    bike
    10

评论

2赞 Mukund Kumar 10/29/2014
只需将上面的代码放在控制台中,然后查看...价值发生了变化..
12赞 jfriend00 10/29/2014
关于将 Javascript 的功能称为“通过引用传递”,有一个由来已久的术语争论。我宁愿回避这场争论,并将 JS 对对象和数组的作用称为“通过指针传递”。数组和对象始终通过指针传递。如果修改传入的内容(访问指针),则会修改原始内容。如果将不同的数组或对象分配给指针变量,则不会修改原始数组或对象,因为您的变量现在“指向”不同的数组或对象。其中大部分是“术语辩论”,因为没有关于实际发生的事情的辩论。
11赞 jfriend00 10/29/2014
@newacct - 对于那些喜欢声称“一切都是按价值传递”的人来说,这并不能帮助新手以任何方式理解这个问题,无论你认为自己在某种程度上在技术上多么正确。任何好的解释都必须解释对象和原语之间的传递方式之间的差异,以便新手理解实际使用中的差异,因为像这样的问答中的目标是一个清晰的解释,可以用于那些不了解更精细的实现细节或术语的技术含义的人。
4赞 newacct 10/30/2014
@jfriend00:问题是,“传球”并没有什么特别之处。它的工作方式与分配或任何其他操作相同。一旦你理解了所有值要么是基元,要么是指向对象的指针,而不是将“对象”作为值本身来谈论,那么就不会有混淆了。此外,JavaScript 中传递和赋值的语义与 Java 中的语义相同。“一切都是按值传递的”几乎是 StackOverflow 上对 Java 的一般描述方式,并解释了所有非原语是如何指向对象的指针的。
8赞 jfriend00 10/30/2014
@newacct - 这里的重点是向那些不是老练的开发人员解释,说一切都是“按价值传递”而没有更多解释是不够的。它没有解释如何传递或分配基元和数组的区别。你可以说这在技术上是正确的,但对于不成熟的开发人员来说,这还不够。你的评论是“一旦你明白了......”表明在你了解其他事情之前是不够的——因此你不能只是对新手说“一切都是按价值传递的”然后就完成了。