JS函数参数及其传递

JS函数参数及其传递
在 JavaScript 中，函数参数使我们能够向函数传递值，以便在函数内部进行处理。

本文将详细介绍 JavaScript 中的函数参数以及如何传递它们。

1.函数参数的基本概念
JavaScript 中的函数参数是在函数定义时声明的变量。

在函数被调用时，这些参数会被传递给函数，并可以在函数内部使用。

例如，下面是一个接受两个参数的函数示例：
function add(a, b)
return a + b;
在上面的例子中，参数 a 和 b 是函数 add 的形式参数。

当调用函数 add 时，需要传递两个实际参数来给这两个形式参数赋值。

2.传递参数给函数的方式
JavaScript 提供了多种传递参数给函数的方式，包括位置参数、默认参数、可变参数和命名参数。

2.1位置参数
位置参数是最常用的传递参数的方式。

当调用函数时，按照声明时参数的顺序将参数传递给函数。

例如：
function add(a, b)
return a + b;
add(1, 2); // 3
在上面的例子中，1是参数a的值，2是参数b的值。

在函数内部，a 被赋值为1，b被赋值为2
2.2默认参数
默认参数是在函数定义时为参数指定默认值的一种方式。

如果在函数调用时没有传递该参数或传递的是 undefined，则会使用默认值。

例如：
function greet(name = "World")
console.log("Hello, " + name + "!");
greet(; // Hello, World!
greet("Alice"); // Hello, Alice!
在上面的例子中，如果在调用函数 greet 时不传递任何参数，则name 的默认值为 "World"。

如果传递了参数，则使用传递的参数值。

2.3可变参数
可变参数是指函数可以接受任意数量的参数。

在 JavaScript 中，可以使用剩余参数语法（rest parameter syntax）来声明可变参数。

例如：
function sum(...numbers)
let total = 0;
for (let number of numbers)
total += number;
}
return total;
sum(1, 2, 3); // 6
sum(4, 5, 6, 7); // 22
在上面的例子中，使用了剩余参数语法 ...numbers 来表示可变参数。

在函数内部，可以通过 numbers 数组来访问传递给函数的所有参数。

2.4命名参数
命名参数是指通过对象传递参数，并使用对象的属性来访问参数值。

这种方式可以使函数调用更加具有可读性。

例如：
function greet(options)
let name = ， "World";
let greeting = options.greeting ， "Hello";
console.log(greeting + ", " + name + "!");
greet({ name: "Alice", greeting: "Hi" }); // Hi, Alice!
greet({ name: "Bob" }); // Hello, Bob!
在上面的例子中，通过传递一个对象 { name: "Alice", greeting: "Hi" } 给函数 greet，可以更清晰地指定参数的值。

3.参数传递的方式
在 JavaScript 中，参数可以通过值传递或引用传递。

3.1值传递
在值传递中，函数接收到的参数是原始值的副本，修改参数的值不会影响到原始值。

例如：
function increment(number)
number++;
return number;
let x = 1;
console.log(increment(x)); // 2
console.log(x); // 1
在上面的例子中，将变量 x 传递给函数 increment，并在函数内部对参数 number 进行递增操作。

然而，变量 x 的值并没有发生改变。

3.2引用传递
在引用传递中，函数接收到的参数是一个引用，对参数的修改会影响到原始值。

例如：
function addNumber(array)
array.push(5);
let numbers = [1, 2, 3, 4];
addNumber(numbers);
console.log(numbers); // [1, 2, 3, 4, 5]
在上面的例子中，将数组 numbers 传递给函数 addNumber，并在函
数内部对参数 array 进行 push 操作。

这会将数值 5 添加到原始数组中。

4.参数解构
在 JavaScript 中，可以使用解构赋值语法来在函数定义时提取参数
的值。

例如：
function greet({ name, greeting })
console.log(greeting + ", " + name + "!");
greet({ name: "Alice", greeting: "Hi" }); // Hi, Alice!
在上面的例子中，在函数 greet 的参数列表中使用了对象解构赋值，在函数内部直接使用 name 和 greeting 作为变量。

总结：
JavaScript 函数参数使我们能够向函数传递值，并在函数内部进行
处理。

可以通过位置参数、默认参数、可变参数和命名参数的方式传递参
数给函数。

参数可以通过值传递或引用传递给函数。

通过使用解构赋值语法，可以方便地提取参数的值。