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
posted @ 2019-06-18 18:34  qnlz  阅读(828)  评论(0编辑  收藏  举报