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

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','北京'); 
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?