ES6中三点运算符（展开符）的不同作用

ES6中三点运算符（‘…’）的不同作用

“…”运算符，是ES6里一个新的运算法，称为三点运算符，也叫展开/收集运算符
ES6官方的说明是，…运算符可以展开一个可迭代对象中的所有项。
可迭代的对象一般是指可以被循环的，包括string,array,set等。

基础用法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]

// 如果没有命名参数的话，...就会收集所有的参数：
function foo(...args) {
   
  console.log(args)
}
foo(1,2,3,4