Javascript - 三个点（...）是什么操作运算？

对象/数组扩展运算符

它可以把对象或数组进行扩展。

举例一：展开对象

const adrian = {
    fullName: 'Adrian Oprea',
    occupation: 'Software developer',
    age: 31,
    website: 'https://oprea.rocks'
};

const bill = {
    ...adrian,
    fullName: 'Bill Gates',
    website: 'https://microsoft.com'
};

扩展运算符可以视为逐个提取所有单个属性并将它们传递给新对象，如果新对象中有同名属性，则会覆盖展开的属性。

数组展开有点不一样，不会覆盖，因为索引不一样。

举例二：展开数组

const numbers1 = [1, 2, 3, 4, 5];
const numbers2 = [ ...numbers1, 1, 2, 6,7,8];

numbers2 的结果是：

  [1, 2, 3, 4, 5, 1, 2, 6, 7, 8]

剩余（rest）运算符

当使用在函数参数中时，三个点成了剩余运算符。它把传入的参数组成数组来调用。

当像这样使用它时，rest操作符使开发人员能够创建可以获取无限数量的参数的函数，也称为变量arity或可变函数。

举例三：

function sum(...numbers) {
    return numbers.reduce((accumulator, current) => {
        return accumulator += current
    });
};
sum(1, 2) // 3
sum(1, 2, 3, 4, 5) // 15

资料来源 https://oprearocks.medium.com/what-do-the-three-dots-mean-in-javascript-bc5749439c9a