在JavaScript中，函數的參數起到了至關重要的作用。通過傳入不同的參數，我們可以讓同一個函數實現不同的功能，從而大大提升了代碼的復用性和靈活性。在本文中，我們將深入探討JavaScript的函數參數，并通過大量的實例來演示他們的用法和特點。
一、函數參數的基本使用方法
函數的參數是在調用函數時傳入的值，這些值可以在函數內部使用。JavaScript函數參數有兩種基本類型：形式參數和實際參數。形式參數是函數定義時聲明的參數，而實際參數是函數在調用時傳入的參數。
下面是一個簡單的JavaScript函數，它接收兩個參數，并將他們相加后返回結果。

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

在這個函數中，a和b就是形式參數。我們可以通過調用這個函數并傳入具體的實際參數來得到計算結果：

console.log(add(1, 2)); // 輸出3
console.log(add(3, 4)); // 輸出7

注意，在JavaScript中函數參數的傳遞是按值傳遞的，也就是說，如果我們在函數內對形式參數做出修改，對實際參數是沒有影響的。下面是一個例子：

function changeValue(a) {
a = 100;
}
let x = 10;
changeValue(x);
console.log(x); // 輸出10，調用changeValue函數并沒有改變x的值

二、函數參數的默認值
在ES6中，JavaScript引入了函數參數默認值的概念，允許我們為參數設置默認值，在調用函數時如果未傳入該參數則會使用默認值。下面是一個例子：

function sayHello(name = "World") {
console.log(Hello, ${name}!);
}
sayHello(); // 輸出"Hello, World!"
sayHello("Alice"); // 輸出"Hello, Alice!"

在這個例子中，當我們調用sayHello函數時未傳入任何實際參數，則函數使用默認值"World"來作為參數。
三、函數的剩余參數
剩余參數是ES6中引入的一個新特性，它允許我們將某些參數以數組的形式傳遞給函數。在函數定義時，我們在參數名前加上省略號(...)即可將其聲明為剩余參數。下面是一個例子：

function sum(...numbers) {
let total = 0;
for (let n of numbers) {
total += n;
}
return total;
}
console.log(sum(1, 2, 3)); // 輸出6
console.log(sum(4, 5, 6, 7)); // 輸出22

在這個例子中，函數sum接收任意數量的參數，并將他們相加后返回結果。我們可以通過傳入不同數量的實際參數來調用這個函數，在函數內部使用剩余參數將它們作為數組來處理。
四、函數參數的展開運算符
展開運算符也是ES6中的一個新特性，它與剩余參數正好相反，允許我們將數組中的元素拆分成獨立的參數。在函數調用時，我們可以在數組前加上省略號(...)來實現展開運算符。下面是一個例子：

let numbers = [1, 2, 3];
console.log(sum(...numbers)); // 輸出6
console.log(sum(0, ...numbers, 4, 5)); // 輸出15

在第二個console.log語句中，我們對sum函數傳遞了5個實際參數，其中第二個參數使用了展開運算符將numbers數組展開成了獨立的參數。
五、參數解構
參數解構也是ES6中的一個常用特性，它允許我們使用對象或數組來傳遞多個參數，并將它們解構成多個變量。下面是一個例子：

function greet({name, age}) {
console.log(Hello, I'm ${name} and I'm ${age} years old.);
}
let person = {name: "Alice", age: 25};
greet(person); // 輸出"Hello, I'm Alice and I'm 25 years old."

在這個例子中，我們使用對象來傳遞兩個參數，即{name, age}。在函數內部使用參數解構將它們解構成兩個變量，才能進行輸出操作。
六、結語
以上就是JavaScript函數參數的相關知識，包括基本使用方法、默認值、剩余參數、展開運算符以及參數解構。通過這些特性，我們可以更加靈活地編寫代碼，并提高代碼的可讀性和重用性。在實際工作中，合理的使用函數參數將會讓我們事半功倍，讓我們一起掌握這些技能吧！