javaScript之展开语法（...）之妙用

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

在函数调用时使用展开语法

在函数调用时，使用展开语法等同于apply。

function fn(x, y, z) {
   console.log(x, y, z)
}

let arr = [1, 2, 3];

// 展开语法 
fn(...arr);
// apply
fn.apply(null, arr);

构造字面量数组时使用展开语法

let arr = [1, 2, 3];
let arrAll  = [5, 6, ...arr];
console.log(arrAll);

数组、对象拷贝 (copy)

···
let arr = [1, 2, 3];
let obj = { name: “hsf”};

let arrCopy = […arr];
let objCopy = {…obj};
// false, false
console.log(arr == arrCopy, obj == objCopy);
···

剩余语法

如果函数的最后一个命名参数以…为前缀，则它将成为一个由剩余参数组成的真数组