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

文章图片
一、默认参数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
【ES6默认参数和[… ]展开spread操作符、剩余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','北京');