JavaScript 中`...`（三个点）的用法

在JavaScript中，...（三个点）被称为扩展运算符（spread operator），它有多种用途：

1. 数组解构：在数组字面量中，可以用来将一个数组的元素展开为独立的元素。

const numbers = [1, 2, 3];
const moreNumbers = [...numbers, 4, 5]; // [1, 2, 3, 4, 5]

2. 函数参数：在函数调用时，可以用来将数组的元素作为独立的参数传递。

function sum(x, y, z) {
return x + y + z;
}

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

3. 对象字面量：在对象字面量中，可以用来复制对象的属性，创建一个新对象。

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, ...obj1 }; // { c: 3, a: 1, b: 2 }

4. 字符串：在字符串中，...可以作为运算符，将字符串拆分成一个可迭代对象。

const str = 'hello';
for (const char of str) {
console.log(char);
}
// 输出: 'h', 'e', 'l', 'l', 'o'

5. 例：

this.download(URL + '/export', {
...this.queryParams, // 复制this.queryParams的所有属性
ids // 添加或覆盖ids属性
}, `name_${new Date().getTime()}.xlsx`);

...作为扩展运算符用于对象字面量，它将this.queryParams对象的所有可枚举属性复制到一个新对象中，并且可以在这个新对象中添加或覆盖属性。这样，你就可以在保持原有查询参数的基础上，添加或修改ids属性。
这个用法非常适合于需要基于现有对象添加或修改少量属性的场景。