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