揭开 JavaScript 参数传递之谜：按值传递与特殊性

在 JavaScript 的世界里，函数参数传递一直是一个绕不开的话题。本文将深入浅出地解析 JavaScript 的参数传递机制，揭开其按值传递背后的原理以及独有的特殊之处，为开发者提供深入理解 JavaScript 函数运作方式的基石。

JavaScript 的参数传递：按值传递

JavaScript 采用的是按值传递机制，这意味着函数的参数接收的是原始值的副本，而不是对原始值的引用。传递过程中，原始值被复制，创建了一个独立的副本传递给函数。因此，函数内部对参数所做的任何修改都不会影响原始值。

function add(num) {
  num += 10;
  console.log(num); // 20
}

const number = 10;
add(number);
console.log(number); // 10

在上例中，add 函数接收了一个名为 num 的参数。函数内部，num 被赋值为 num + 10，将值修改为 20。然而，由于 JavaScript 的按值传递特性，函数内部对 num 的修改仅限于函数的作用域内，不会影响原始值 number。因此，函数外输出 number 仍为 10。

特殊情况：引用传递

虽然 JavaScript 的参数传递遵循按值传递原则，但在某些情况下也会出现看似引用传递的情况。当参数类型为对象或数组时，传递给函数的并不是原始值的副本，而是对原始值的引用。因此，函数内部对对象或数组的修改会影响原始值。

function modifyObj(obj) {
  obj.name = "Bob";
}

const person = { name: "Alice" };
modifyObj(person);
console.log(person.name); // Bob

在上述示例中，modifyObj 函数接收了一个对象参数 obj。函数内部，obj.name 被修改为 "Bob"。由于对象是按引用传递的，因此函数内部对 obj 的修改会影响原始对象 person。输出 person.name 将得到 "Bob"，表明原始值已发生改变。

变量提升与参数传递

JavaScript 的变量提升现象也对参数传递产生影响。在函数执行之前，函数中的所有变量都会被提升到函数作用域的顶部。这意味着，在函数内部修改提升的变量时，实际上修改的是全局变量。

function changeGlobal() {
  a = 10;
}

changeGlobal();
console.log(a); // 10

在该示例中，变量 a 在函数内部被提升到全局作用域，因此函数内部对 a 的赋值修改的是全局变量 a 的值。输出结果为 10，表明变量提升对按值传递的参数造成了影响。

闭包与参数传递

闭包是指可以访问函数外部变量的内部函数。当函数内部返回一个闭包时，外部变量的引用将被保留，即使函数执行完毕。这意味着，闭包可以修改外部变量，即使这些变量是按值传递给函数的。

function createCounter() {
  let count = 0;
  return function() {
    count++;
    console.log(count);
  };
}

const counter = createCounter();
counter(); // 1
counter(); // 2

在该示例中，createCounter 函数返回一个闭包，该闭包可以访问函数内部的 count 变量。即使 count 是按值传递给 createCounter 函数的，但由于闭包的存在，count 的值仍然可以被修改。调用 counter 函数将依次输出 1 和 2，表明闭包对参数传递产生了影响。

结论

JavaScript 的参数传递遵循按值传递原则，但对对象和数组等引用类型存在例外情况。此外，变量提升和闭包等因素也会影响参数传递的行为。理解 JavaScript 的参数传递机制至关重要，因为它有助于开发者写出健壮、高效的代码。通过深入了解按值传递和特殊情况，开发者可以掌控 JavaScript 函数的行为，为应用程序奠定坚实的基础。