函数参数和实参的关系

在 javascript 中，函数参数和实参之间的关系往往容易引发困惑。特别是涉及到复杂数据结构时，例如数组和对象，他们的行为可能与预期不符。

考虑以下代码示例：

const a = [1, 2, 3];
function test(x) {
  console.log(x === a); // true
  x = [2, 3, 4];
  console.log(a); // [1, 2, 3]
  console.log(x); // [2, 3, 4]
}
test(a);

问题：

立即学习“Java免费学习笔记（深入）”；

1. 为什么变量 a 没有被更改为 [2,3,4] 呢？
2. 函数执行时，形参 x 和实参 a 是什么关系？

答案：

形参可以理解为对实参的拷贝。对于复杂数据结构，例如数组，形参实际拷贝的是实参的引用，而不是值本身。

在代码示例中，形参 x 接受了实参 a 的引用。因此，在第一个 console.log 中，x === a 输出 true，因为它们指向同一内存地址。

随后，当 x 被重新赋值为 [2,3,4] 时，实际上改变了形参的引用指向。但是，实参 a 仍然指向原地址，包含 [1,2,3]。这就是为什么后续两个 console.log 输出结果不同的原因。

总结以上内容，javascript 中函数的参数和实参之间是传递引用的关系，对于复杂数据结构而言。因此，修改形参不会影响实参，除非通过形参改变实参引用的内容。