在JavaScript中，三個點（...）合并被稱為展開運算符。它可以將數組、對象等可迭代對象展開為單個元素或多個元素。這是一種非常有用的技術，它可以使代碼更加簡潔和易于閱讀。

先看數組，當你需要將兩個數組合并時，以前可以使用concat方法或者一個循環來實現，但現在可以使用展開運算符來實現，代碼如下：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const newArr = [...arr1, ...arr2];
console.log(newArr); // [1, 2, 3, 4, 5, 6]

對象也可以進行展開操作，這使得將多個對象合并到一個新對象中變得更加容易，例如：

const obj1 = {
name: "Tom",
age: 18
};
const obj2 = {
gender: "male",
interests: ["basketball", "music"]
};
const newObj = { ...obj1, ...obj2 };
console.log(newObj); // {name: "Tom", age: 18, gender: "male", interests: ["basketball", "music"]}

有時候，我們可能需要從一個對象中提取一些屬性，可以使用展開運算符來完成該任務：

const user = {
name: "Lucy",
age: 21,
gender: "female",
height: 168
};
const { name, age, ...others } = user;
console.log(name, age, others); // Lucy 21 {gender: "female", height: 168}

在函數調用中，展開運算符同樣有用。它可以將數組中的元素展開為參數傳遞給函數，例如：

function sum(a, b, c) {
return a + b + c;
}
const nums = [1, 2, 3];
console.log(sum(...nums)); // 6

另外一種常見的用法是將對象中的屬性解構為參數傳遞給函數：

function printUser({ name, age, gender }) {
console.log(<code>Name: ${name}, Age: ${age}, Gender: ${gender}</code>);
}
const user = {
name: "Mike",
age: 25,
gender: "male"
};
printUser({ ...user }); // Name: Mike, Age: 25, Gender: male

盡管展開運算符的用法多種多樣，但它同樣也有一些限制。首先，它只能用于可迭代對象，例如數組和對象。其次，在一些較老版本的瀏覽器中，使用展開運算符可能會導致代碼出現錯誤。但是，在現代的瀏覽器中，該運算符已經被廣泛地支持。

總之，展開運算符是一種非常有用的技術，它可以使代碼更加簡潔和易于閱讀。使用它來合并數組和對象，提取屬性或者作為函數調用的參數，可以使代碼更加優雅和高效。