javascript - 在函数定义中添加 array = [ ] 时出现意外效果

Question

这个问题已经有答案了:

Is JavaScript a pass-by-reference or pass-by-value language? (34 个回答)

已关闭 7 年前。

我很困惑为什么出现以下两个版本的test函数产生不同的结果:

var arr = [1, 2, 3, 4, 5];

var test1 = function(array) {
  array = [];
  array[0] = 5;
}

var test2 = function(array) {
  array[0] = 5;
}

test1(arr);
console.log(arr);
test2(arr);
console.log(arr);

test1无法更改 arr 的内容，而test2作品。显然这是 array=[] 的效果。但我不知道为什么会这样!

Answer 1

在 test2() 中，您正在修改传入的数组，因此您会看到预期的行为。

在 test1() 中，您将一个全新的数组分配给函数的 array 参数变量(覆盖对 arr 的引用)，然后您正在修改该新数组。

更多信息...

这将有助于理解“通过引用传递”的含义。

当您将数组传递给函数时，您正在传递对该数组的“引用”。因此，您可以修改该数组(通过该引用)，并且您将能够看到函数外部的更改。但是，您在 test1() 中所做的是使用对新数组的引用覆盖您的引用，并且因为您没有从函数返回该新引用，所以您将无法看到函数外部的新数组。

下面是一个示例，您可以将新数组分配回 arr:

var arr=[1,2,3,4,5];
function test3(array) {
  array = [];     // "array" is now a new, empty array
  return array;   // return the new array
}
arr = test3(arr); // assign the result of test3 back to arr
console.log(arr); // "[]"