深入理解es6中强大的【...】操作符

.. 运算符， 是ES6里一个新引入的运算法， 也叫展开/收集运算符（也被叫做延展操作符 － spread operator），本篇文章讲解一下其具体的用法。

基础用法1：展开

const a = [2, 3, 4]
const b = [1, ...a, 5]
console.log(b);// [1, 2, 3, 4, 5]

基础用法2：收集

function foo(a, b, ...c) {
    console.log(a, b, c)
}
foo(1, 2, 3, 4, 5); // 1, 2, [3, 4, 5]

基础用法3：把类数组转换为数组

const nodeList = document.getElementsByClassName("test");
const array = [...nodeList];
  
console.log(nodeList); // HTMLCollection [ div.test, div.test ]
console.log(array); // Array [ div.test, div.test ]

深入理解es6中强大的【...】操作符

原文：https://www.cnblogs.com/jone-chen/p/12133441.html