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]
输出: