JavaScript是一門廣泛使用的編程語言，在前端開發中是不可或缺的一部分。在JavaScript中，有一個特殊的符號——三個寬括號（

...

），他們被稱為擴展運算符、展開運算符和rest參數。這篇文章將重點介紹三個寬括號在JavaScript中的用法及示例。
### 擴展運算符
擴展運算符（Spread Operator）在ES6中被引入，其主要作用是將一個數組或對象展開成多個參數。以下是一個使用擴展運算符的示例代碼：

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
<br>
let arr3 = [...arr1, ...arr2];
<br>
console.log(arr3); // [1, 2, 3, 4, 5, 6]

在這個示例中，我們首先定義了兩個數組arr1和arr2，然后使用三個寬括號將它們進行了展開，并使用一個新的數組arr3將它們合并起來。擴展運算符使得數組合并的操作變得非常簡便。
此外，擴展運算符還可以用于將對象的屬性展開，例如：

let obj1 = {
name: 'Lucy',
age: 18
}
let obj2 = {
...obj1,
gender: 'female'
}
<br>
console.log(obj2); // {name: "Lucy", age: 18, gender: "female"}

在這個示例中，我們首先定義了一個對象obj1，然后使用三個寬括號將它進行了展開，并新增了一個gender屬性。擴展運算符使得對象屬性的合并變得更加協調。
### 展開運算符
展開運算符（Rest Operator）同樣在ES6中被引入，主要作用是將剩余的參數集合成一個數組。以下是一個使用展開運算符的示例代碼：

function sum(...values) {
let result = 0;
for (let value of values) {
result += value;
}
return result;
}
<br>
console.log(sum(1, 2, 3, 4, 5)); // 15

在這個示例中，我們定義了一個sum函數，并使用三個寬括號將函數的參數展開成了一個數組。展開運算符使得函數的參數使用更加靈活。可以使用展開運算符將參數進行合并，也可以使用展開運算符將參數進行拆分。
### rest參數
Rest參數也是一種使用三個寬括號的方式，在ES6中被引入。它主要作用是將函數的部分參數集合成一個數組，常用于需要對參數集合進行操作的函數中。以下是一個使用rest參數的示例代碼：

function restParam(x, y, ...others) {
console.log(x); // 1
console.log(y); // 2
console.log(others); // [3, 4, 5]
}
<br>
restParam(1, 2, 3, 4, 5);

在這個示例中，我們定義了一個restParam函數，并使用rest參數將函數的參數x和y以外的參數集合成了一個數組others。這個函數能夠接受任意數量的參數，并將參數集合成一個數組，使得代碼更加簡潔。
總體來說，JavaScript中的三個寬括號——擴展運算符、展開運算符和rest參數，都是為了讓代碼更加簡潔和靈活。它們使得數組、對象和函數的操作變得更加自如和有條理，并對JavaScript語言的發展起到積極的促進作用。