在 javascript 中，数组显示“按值传递”行为而不是“按引用传递”

Question

我知道数组是 javascript 中的对象，使其成为非原始数据类型，默认情况下使其成为按引用传递。 现在，在我遇到的大多数用例中都是如此，但是我分享的代码显示了一种我不理解的奇怪行为，它看起来更像是“按值类型传递”。

var arr = ['a','b','c']
/*
function addArr(ar){
    ar.push('d')
    return ar
}

console.log(addArr(arr))  // ['a', 'b', 'c', 'd']
console.log(arr)          // ['a', 'b', 'c', 'd']
*/

//the above output is expected behavior for an Array object



function changeArr(ar){

    console.log(ar)   //1-// ['a', 'b', 'c']
    ar = ['12','11']
    console.log(ar)   //2-// ['12', '11']
    return ar
}

console.log(changeArr(arr)) //3-// ['12', '11']
console.log(arr)            //4-// ['a', 'b', 'c']

//now I expect the forth console output to be  ['12','11'] here because it is an object

Answer 1

您基本上是在重新分配对象而不是修改原始对象。

ar = ['12','11']

这就是 Javascript 重新分配新值的原因。

Answer 2

请查看 cmets。

let arr = [1, 2, 3, 4];

function changeArr(ar) {

  //console.log(ar)
  ar = ['12', '11'] // creating a new array ie creating a new space in heap putting these values there and storing its reference in ar or assigning it to the reference 
  //console.log(ar)
  return ar
}

function changeArr2(ar) {


  ar.push(55); // here we have changed the array  that is pointed by the reference stored in ar

  return ar
}

console.log(changeArr(arr))
console.log(changeArr2(arr));
console.log(arr) // now the original array contains 55 too

更清晰的图片看这里-https://stackoverflow.com/a/57852144/7849549

Answer 3

function changeArr(ar){

    console.log(ar)
    ar = ['12','11'] // <- THIS LINE RIGHT HERE
    console.log(ar)
    return ar
}

您正在创建一个新数组，而不是操作旧数组。每次调用该函数时，您都会创建一个新数组并返回新数组（如果您调用该函数 5 次，您将获得 5 个新数组）。您作为输入传递的那个无关紧要，保持不变。

EDIT 您创建的新数组与作为输入传递的数组之间的唯一关系是它们在闭包内使用相同的变量名，因此，在该闭包内，您不能再同时访问输入和新数组。但这是一个不同的话题......

也许这样会更清楚：

var x = 'something that is not an array'
console.log(changeArr(x));
console.log(x);

这也许会更清楚：

var arr = [1,2,3,4];
console.log(changeArr());
console.log(arr);