前端开发：在JS中以…为前缀的用法汇总

前言

在前端开发中，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必须作为最后一个形参，不然会报错：“SyntaxError: Rest parameter must be last formal parameter”。 除了箭头函数外，所有函数内都有个arguments可以用来获取传递给函数的参数。

arguments和剩余参数的区别：

• 剩余参数，如上面示例中的e是一个真数组ÿ