ES6默认参数和[…]展开spread操作符、剩余rest操作符

一、默认参数

JS中函数是可以带参数的，然而如果想给函数设置默认参数怎么写呢，ES6中就可以在设置参数的时候也顺便设置默认参数。如果在使用函数时，没有传入参数侧会返回默认参数，如果传入了参数则不会再显示默认参数。

例如：

function run(name = 'name',age = 0){
return `${name} ${age}`;
}
console.log(run()) // name 0 默认值
console.log(run("Luara",20)) // Luara 20

二、【…】操作符

1、展开操作符-Spread

一开始看见【…】操作符可能会很奇怪，怎么有这么一个操作符？不是我们聊天经常使用的吗？使用…表示还没说完的话，省略号。在ES6中，【…】可以表示展开操作符，可以称为Spread。怎么展开呢，如下。

例如：

let color = ['red','blue','green'];
let color1 = ['black',...color]
console.log(color) // ["red", "blue", "green"] 输出数组
console.log(...color) // red blue green 展开输出
console.log(color1) // ["black", "red", "blue", "green"]

2、剩余操作符-Rest

当【…】表示剩余操作符的时候，称为Rest操作符，表示剩余的参数，元素等全部放到这个…这个操作符表示的变量里面去，表示的是一个数组。 例如：

function func(name,age,...man){ // 【...】表示的是Rest剩余操作符。
console.log(name,age,man); // lucy 18 (2) ["150cm", "北京"]
console.log(name,age,...man); // lucy 18 150cm 北京 在这里【...】表示的是Spread操作法，展示剩余的参数
}
func('lucy',18,'150cm','北京');