JS传播参数 - Javascript

在Javascript中，参数的传递是由值传递和引用传递两种方式实现的。值传递指的是将参数的值复制一份后传递给函数，而引用传递指的是将参数的引用（内存地址）传递给函数。

值传递

值传递是Javascript中最常用的参数传递方式。在值传递中，函数会复制参数的值并将其传递给函数，函数对参数进行修改不会影响原始值。

function double(value) {
  value = value * 2;
  return value;
}

let num = 10;
double(num);
console.log(num); // 10，不受函数内部操作的影响。

引用传递

引用传递事实上是将参数的内存地址传递给函数。因此，函数对引用参数的修改会在函数外部生效。

function changeObj(obj) {
  obj.name = "New Name";
}

let myObj = { name: "Old Name" };
changeObj(myObj);
console.log(myObj.name); // "New Name"，函数内部对引用参数的修改在函数外部生效。

ES6中的展开运算符

ES6中的展开运算符（spread operator）对于函数参数的传递非常有用。它可以将数组或对象解开并将其元素作为单独的参数传递给函数。

function sum(a, b, c) {
  return a + b + c;
}

let numbers = [1, 2, 3];
sum(...numbers); // 6

展开运算符还可以用于合并数组和对象。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = [...arr1, ...arr2]; // [1, 2, 3, 4, 5, 6]

let obj1 = { name: "John" };
let obj2 = { age: 30 };
let newObj = { ...obj1, ...obj2 }; // { name: "John", age: 30 }

在Javascript中，参数的传递方式对于函数的行为非常重要。了解传递方式以及如何使用展开运算符将有助于您写出更优雅和高效的Javascript代码。