JavaScript 中函数参数和实参:为什么修改形参不改变实参?

javascript 中函数参数和实参:为什么修改形参不改变实参?

函数参数和实参的关系

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);

问题:

  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 中函数的参数和实参之间是传递引用的关系,对于复杂数据结构而言。因此,修改形参不会影响实参,除非通过形参改变实参引用的内容。

以上就是JavaScript 中函数参数和实参:为什么修改形参不改变实参?的详细内容,更多请关注其它相关文章!