参数的传递，细细剖析 JavaScript

2023-10-31 05:17:38

在计算机程序中，函数作为重要的组成部分，经常需要处理各种数据。当我们调用函数时，需要将所需的数据作为参数传递给函数，以便函数能够正确执行。在 JavaScript 中，参数的传递方式分为两种：值传递和引用传递。

值传递

值传递是指将变量的副本传递给函数。这意味着函数内部对参数所做的任何修改都不会影响到函数外部的变量。这是因为函数内部的参数是一个独立的副本，它与函数外部的变量没有直接的联系。

例如，我们有如下代码：

function add(a, b) {
  a = a + b;
  return a;
}

let x = 1;
let y = 2;

let result = add(x, y);

console.log(x); // 输出：1
console.log(y); // 输出：2
console.log(result); // 输出：3

在这个例子中，我们将变量 x 和 y 作为参数传递给函数 add。函数内部，我们将 a 的值修改为 a + b。然而，这并不会影响函数外部的变量 x，因为 a 只是 x 的一个副本。因此，在函数外部，x 的值仍然是 1。

引用传递

引用传递是指将变量的引用传递给函数。这意味着函数内部对参数所做的任何修改都会影响到函数外部的变量。这是因为函数内部的参数与函数外部的变量指向同一个内存地址。

在 JavaScript 中，对象是引用类型的数据。因此，当我们将对象作为参数传递给函数时，实际上是将对象的引用传递给了函数。这意味着函数内部对对象所做的任何修改都会影响到函数外部的对象。

例如，我们有如下代码：

function changeObject(obj) {
  obj.name = "John";
}

let person = {
  name: "Mary",
  age: 25
};

changeObject(person);

console.log(person.name); // 输出：John

在这个例子中，我们将对象 person 作为参数传递给函数 changeObject。函数内部，我们将 obj.name 的值修改为 "John"。由于 obj 是 person 的引用，因此这个修改也会影响到函数外部的对象 person。因此，在函数外部，person.name 的值变为了 "John"。