前言
在前端开发中,JS的语法迭代大家都很了解,尤其是从ES6以来,新增了很多好用的语法,比如参数语法、展开语法等等,还有一些新的关键字如let、const等等。针对参数语法、展开语法的相同之处就是它们都是以…为前缀来使用的,看似一样但是实际上又不一样,尤其是前端开发不久的开发者来说更是有点摸不着头脑,那么本文就来分享一下关于JS中以…为前缀的用法,记录一下,方便查阅使用。
"..."用法
在JS中"..."的用法主要分为三种情况:函数的剩余参数使用、解构数组的使用、展开语法的使用。
函数的剩余参数使用
在JS中定义函数的时候,如果行参中最后一个参数以…作为前缀,那么这个参数就会被变成一个数组,如果使用调用该函数的时候,传进去的参数数量大于等于定义函数的时候行参的数量,那么多余的实参都会放到最后一个定义函数的行参中。
具体的使用示例如下所示:
function fun(a, b, c, d, …e) {
console.log(e) //输出的结果为 [5, 6, 7, 8, 9]
}
fun(1, 2, 3, 4, 5, 6, 7, 8, 9);
注意:…e必须作为最后一个形参,