Bootstrap

在 JavaScript 中三个点‘...‘的意思

在 JavaScript 中,三个连续的句点 … 称为 “展开运算符” (spread operator),它可以将数组或对象展开成一个列表或一组键值对。

对于数组,展开运算符可以将数组中的每个元素分别取出来,形成一个新的数组:

const arr1 = [1, 2, 3];
const arr2 = [...arr1, 4, 5, 6]; // [1, 2, 3, 4, 5, 6]

对于对象,展开运算符可以将对象中的每个键值对分别取出来,形成一个新的对象:

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

展开运算符还可以用于函数调用时传递参数,将一个数组或对象中的元素作为函数的参数传递:

function myFunction(x, y, z) {
  console.log(x + y + z);
}
const arr = [1, 2, 3];
myFunction(...arr); // 6

需要注意的是,在 ECMAScript 6 之前,JavaScript 中没有展开运算符。

;