在 JavaScript 函数中更改数组会更改函数外的数组吗？

Question

为什么这两个脚本的行为不同？ 我想使用第一个脚本，但在第二个drawData()调用它更改data ； 这很奇怪，而不是我想要发生的事情。 第二个脚本没有这个问题。 为什么会这样，我该如何修复第一个脚本？

第一个脚本不会更改data ：

 var data = ["right"]; function drawData(arrs, type) { if (type == "percentage") { arrs[0] = "omg"; } console.log(data[0]); // Changed!? } drawData(data); drawData(data, "percentage");

第二个脚本：

 var data = "right"; function drawData(arrs, type) { if (type == "percentage") { arrs = "omg"; } console.log(data); // OK, not changed. } drawData(data); drawData(data, "percentage");

Answer 1

这是对局部变量的赋值和给定对象的变异之间的区别。

在两段代码中arrs是一个局部变量，与data不同。 但是元素和其他性质arrs是完全一样的那些data 。 无论您是通过arrs还是通过data访问它们，对这些属性值的更改（通常称为对象/数组的变异）都是可见的。 这正是第一个脚本所做的。

第二个脚本但是，不改变的属性值arrs ，但分配一个全新的价值arrs ，以至于现在它不与任何更多分享任何属性data 。 这更加明显，因为data和arrs都是原始值，不能像上一段中解释的那样发生变异。 但即使它们是对象或数组，您也会执行以下分配：

arrs = [1234];

它不会影响data 。 仅当您分配给arrs的属性/索引而不直接分配给arrs data才会受到影响。

Answer 2

第一个变体修改作为参数传递给函数的对象（恰好是数组） - 所以这个变化在函数之外可见。 第二个变体为函数参数（恰好是对数组的引用）分配新值，但不会更改数组本身。