为什么在修改参数时添加默认参数值会改变行为？

Question

第一部分是：

var a = 1;

function fn2(a) {
  arguments[0] = 20;
  var a = 22;
  console.log(a);
  console.log(arguments[0]);
}
fn2(a);

第二部分是：

var a = 1;

function fn2(a, b = 100) {
  arguments[0] = 20;
  var a = 22;
  console.log(a);
  console.log(arguments[0]);
}
fn2(a);

我可以理解为什么在第一段代码中它最终会输出 22 和 22，因为 arguments[0] 和 a 实际上都指向参数a。 但是，在第二段代码中（添加了另一个参数b），它最终输出了22和20。我猜这与额外的参数b有关，并搜索了一些帖子。在 MDN 中，我发现：

当非严格函数确实包含 rest、default 或 destructured 参数，则参数对象中的值不跟踪 参数的值。相反，它们反映了提供的论点 当函数被调用时

这是来自 MDN 的示例代码：

function func(a = 55) { 
  arguments[0] = 99; // updating arguments[0] does not also update a
  console.log(a);
}
func(10); // 10

我可以理解它的意思，但我的问题有所不同。

1. 在 MDN 示例中，指向 arguments[0] 的 a 具有默认值，而在我的问题中，未指向 arguments[0] 的 b 具有默认值.这是两种不同的条件。

2. 我也在控制台调试，发现：

为什么这里有 2 个a？一个在街区，另一个在本地。那么参数a究竟是哪一个呢？另一个a（不是参数）来自哪里？

Answer 1

在 MDN 示例中，指向 arguments[0] 的 a 具有默认值，而在我的问题中，不指向 arguments[0] 的 b 具有默认值。这是两种不同的条件。

至少有一个 rest/default/destructured 参数存在，在这种情况下 no 分配给arguments 的任何索引将导致关联变量的更改，或者有 no 剩余/默认/解构参数，在这种情况下 all 分配给arguments 的任何索引都会导致关联变量发生变化。 p>

arguments 的每个索引都会更改其关联变量，或者不会。所以即使只有b (arguments[1]) 有默认分配，当b 有默认分配时，对arguments[0] 的更改也会导致a 的更改。

为什么这里有 2 个 a？一个在街区，另一个在本地。那么参数a究竟是哪一个呢？另一个a（不是参数）来自哪里？

我很确定 Chrome 调试器只是被混淆了，因为当 a 已经作为参数存在于范围内时，你有 var a。变量出现在“块”部分中时

(1) 在函数的顶层声明（使用const、let 或var），或

(2) 在非功能块内用const 或let 声明

a 前面的var，当a 已经存在于范围内时，完全是多余的。