Javascript的展开语法

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Spread_syntax

展开语法 , 可以在函数调用/数组构造时，将数组表达式或者 string 在语法层面展开；还可以在构造字面量对象时，将对象表达式按 key-value 的方式展开。

在函数调用时使用展开语法，等价于apply的方式，例如：

function sum(x1, x2, x3) {
    return x1 + x2 + x3;
}

const input = [1, 2, 3]

// 在函数调用时，将数组展开
console.log(sum(...input))

// 上面的调用等价于下面的apply调用方式
console.log(sum.apply(null, input))

运行输出：

在 new 表达式中应用展开语法，例如：

const args = [2024, 3, 28]

let d = new Date(...args)
console.log(d)

输出：

连接多个数组，例如：

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

const arr3 = [...arr1, ...arr2]
console.log(arr3)

输出：

构造字面量对象时使用展开语法，例如：

const obj1 = {
    name: 'tom'
}

const obj2 = {
    age: 20,
    addr: '大道'
}

const obj3 = {
    ...obj1,
    ...obj2
}

console.log(obj3)

输出：

在数组或函数参数中使用展开语法时，该语法只能用于 可迭代对象，例如：

const obj1 = {
    age: 20,
    addr: '大道'
}

// 运行会出错
const array = [...obj1]

输出：