揭秘 JavaScript 参数传递：按值、引用和共享

在 JavaScript 中，理解参数传递至关重要，因为它决定了函数对参数值的修改是否会影响调用者的值。掌握按值传递、引用传递和共享传递这三种主要方式，对于编写健壮且可维护的代码至关重要。

按值传递

顾名思义，按值传递意味着函数接收的是参数值的副本。当对这个副本进行任何修改时，原始值都不会受到影响。这是 JavaScript 中最常见的参数传递方式。

function incrementByValue(num) {
  num++;
}

const value = 1;
incrementByValue(value);
console.log(value); // 输出：1

在上面的示例中，将值 1 作为参数传递给 incrementByValue() 函数。函数内部将该值递增，但原始值不受影响，仍然为 1。

引用传递

引用传递是 JavaScript 中唯一支持的对象传递的方式。当对象作为参数传递时，函数接收的是对原始对象的引用，而不是副本。这意味着对该对象的任何修改都会反映在原始对象中。

function incrementByReference(obj) {
  obj.value++;
}

const obj = { value: 1 };
incrementByReference(obj);
console.log(obj.value); // 输出：2

在上面的示例中，obj 对象作为参数传递给 incrementByReference() 函数。函数内部将对象的 value 属性递增，这也会修改原始对象的 value 属性。

共享传递

共享传递是按值传递和引用传递的混合体。在这种情况下，原始值和传递的值共享同一个内存位置。修改任何一个值都会影响另一个值。

在 JavaScript 中，可以通过使用原始值的包装器对象（例如字符串或数字）来实现共享传递。

function incrementShared(num) {
  num.value++;
}

const value = new Number(1);
incrementShared(value);
console.log(value); // 输出：2

在上面的示例中，使用 new Number() 创建了一个原始值（1）的包装器对象。当将这个对象作为参数传递给 incrementShared() 函数时，实际上传递的是对该对象的引用。修改包装器对象的 value 属性也会修改原始值。

结论

理解 JavaScript 中的参数传递对于编写健壮且可维护的代码至关重要。通过掌握按值传递、引用传递和共享传递这三种主要方式，可以确保参数的修改是否会影响调用者的值。