ES6基础之——展开操做符Spread和剩余操做符Rest

展开操做符-Spread

...是ES6里面新添加的一种操做符，能够叫作Spread或者Rest，具体这个操做符是什么意思，要取决于怎么去使用它

先来看下spread，能够理解为展开，例子：

 

let fruits = ['apple','banner'],
foods=['cake',..fruits];
console.log(fruits); //[apple,banner]
console.log(...fruits); //apple banner 输出数组里的每一项，至关于把数组展开了
console.log(foods); //[cake,apple,banner]

剩余操做符Rest

Rest通常用在函数的参数里面，例子：

 

function breakfast(dessert,drink){
console.log(dessert,drink);
}

 

若是想让函数的参数不受限制，就能够使用Rest，例子：

function breakfast(dessert,drink,...foods){
console.log(dessert,drink,foods);
}
breakfast('cake','tea','apple','pear'); //cake tea apple,pear

 

...foods的含义是：函数的参数除了能够指定dessert,drink之外，其他的参数都放在foods数组里

因此，输出的结果里面appple,pear是个数组；若是想展开数组的话，能够在输出的时候使用展开操做符

function breakfast(dessert,drink,...foods){
document.write(dessert,drink,...foods);
}
breakfast('cake','tea','apple','pear'); //cake tea apple pear