我可以将新数组重新分配给 JavaScript 中的数组变量吗？

Question

我对 JavaScript 中的数组和在函数中操作它们有疑问。
这是Eloquent JavaScript 书中的一个练习。它是关于两个功能：

• reverseArray()：返回一个 new 数组，它与参数数组相反。
• reverseArrayInPlace()：只是反转参数数组本身。

在reverseArrayInPlace() 内部，我只是调用了reverseArray() 来创建一个新数组并重新分配给reverserArrayInPlace() 的参数。但是，当我显示传递的数组时，重新分配不会反映到传递的数组。
我认为 JavaScript 中的数组总是通过引用传递的？

我还尝试将一个数组变量重新分配给另一个数组，如果在函数之外完成它是成功的。可能是什么问题？
顺便说一句，练习禁止在 JavaScript 中使用 reverse() 方法。

function reverseArray(array) {
  var new_array = [];
  for (var i = array.length-1; i >= 0; i--)
    new_array.push(array[i]);
  return new_array;
}

function reverseArrayInPlace(array) {
  array = reverseArray(array);
}
	
var r1 = [1,2,3,4,5,6,7,8,9,10];

console.log("r1 ", r1.join(",")); 
// → 1,2,3,4,5,6,7,8,9,10

console.log("reverse of r1 ", reverseArray(r1).join(","));
// → 10,9,8,7,6,5,4,3,2,1

console.log("r1 ", r1.join(","));
// → 1,2,3,4,5,6,7,8,9,10

reverseArrayInPlace(r1);
// the changes are not reflected here

console.log("r1 reversed in place ", r1.join(",")); 
// → still 1,2,3,4,5,6,7,8,9,10;
// this should display r1 = 10,9,8,7,6,5,4,3,2,1

Answer 1

函数reverseArrayInPlace 的变量array 是该函数的本地变量。因此，分配给它只会使作用域忘记以前的值，即数组r1。

考虑以下几点：

var a = 5;
function change(a) {
  // Inner 'a'
  a = 0;
  console.log("inside change : ", a);
}

// Outer 'a'
change(a); // → 0
console.log("outside change : ", a); // → 5

可以看到，虽然全局作用域和change的作用域都使用了相同的名称a，但它们并不是同一个变量。在change 内部分配给a 永远不会影响外部a。

但是
对于一个对象（或所有Object.prototype 的实例，如数组），更改函数内部的属性将有效地更改它外部。

要完全理解这一点，请仔细查看以下内容：

var o = {
  arr1: [1, 2, 3],
  arr2: [1, 2, 3],
  str: "foo",
  num: 1
};

console.log("before changing : ", o);

function change(a) {
  // Reassigning to properties of 'a'
  a.arr1[0] = 0;
  a.arr2 = [ "destroyed" ];
  a.str += " bar";
  a.num = a.num * 15;
  
  // Reassigning to 'a'
  a = { change: "Destroyed !" };
  
  console.log("inside change : ", a);
}


change(o); // → { change: "Destroyed !" }
console.log("outside change : ", o); // → initial 'o' with modified properties.

分配给a = { change: "Destroyed !" }; 仍然没有影响o。但是对o 的属性所做的所有更改都已应用。

如您所见，更改o 的最终结果是：

{
  arr1: [0, 1, 3],     // First item changed.
  arr2: ["destroyed"], // It's a completely new array.
  str: "foo bar",      // " bar" was added.
  num: 15              // 1 * 15
}