首页 > 其他 > 详细

ES6 展开运算符 三个点实际功能

时间:2019-07-31 16:26:30      阅读:117      评论:0      收藏:0      [点我收藏+]
1.数组中使用
let defaultColors = [‘red‘, ‘greed‘] let favoriteColors = [‘orange‘, ‘yellow‘] let fallColors = [‘pink‘, ‘blue‘] ES5 defaultColors.concat(favoriteColors) ES6 [...defaultColors , ...favoriteColors ] ES5 defaultColors.concat(favoriteColors) defaultColors.concat(fallColors) ES6 [...defaultColors , ...favoriteColors, ...fallColors ] [‘purple‘, ...defaultColors , ...favoriteColors, ...fallColors, ‘black‘ ] //可在数组中直接放入,还可新增其他字符串

2.函数中使用

ES5
function addNumber(a, b, c, d, e){
 let numbers = [a, b, c, d, e]
 retrun numbers.reduce((sum, number) => {
   retrun sum + number  
 },0)
}
console.log(addNumber(1,2,3,4,5))

ES6
function addNumber(...numbers){
 retrun numbers.reduce((sum, number) => {
   retrun sum + number  
 },0)
}
console.log(addNumber(1,2,3,4,5))

  

建议将代码放入编辑器中查看,会更明显

ES6 展开运算符 三个点实际功能

原文:https://www.cnblogs.com/gqx-html/p/11276995.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!