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