ECMAScript6函数剩余参数（Rest Parameters）

ECMAScript 6中的函数剩余参数（Rest Parameters）简介

在JavaScript中，我们知道arguments对象可以让我们获取到函数的所有实参。在ES6中，一个新的特性为我们提供了更为便捷的方式去处理函数参数，那就是剩余参数（Rest Parameters）。接下来让我们深入了解这一特性。

当我们想要获取除开始参数外的所有参数时，可以使用剩余参数。这与arguments对象不同，它是一个真正的数组，具有Array.prototype上的所有方法。

首先看一个简单的例子：

```javascript

function func(a, ...rest) {

console.log(a); // 第一个参数

console.log(rest); // 剩余参数组成的数组

}

func(1); // rest为一个空数组

func(1, 2, 3, 4); // rest为[2, 3, 4]

```

通过上面的示例，我们可以看到，当函数有多个参数时，使用剩余参数可以方便地获取到除指定参数外的所有参数。它的使用方式也非常直观和简洁。

需要注意的是，一旦定义了剩余参数，就不能在其后面再定义其他参数了。否则，浏览器会报错。例如：

```javascript

function func(a, ...rest, b) {

// 这里会报错

}

```

当我们使用剩余参数时，函数的length属性会有所变化。它只计算定义的参数个数，不包括剩余参数。例如：

```javascript

function func(a, b, ...rest) { }

func.length // 返回2，不包含rest

```

我们还可以不使用其他参数，直接定义剩余参数。这时，它就像arguments一样，可以获取到所有的实参。例如：

```javascript

function func(...rest) {

console.log(rest); // 输出所有实参组成的数组

}

func(1); // 输出[1]

func(1, 2, 3, 4); // 输出[1, 2, 3, 4]

```

以一个实际应用为例：实现任意个数的相加函数。使用剩余参数可以很方便地处理任意数量的实参。例如：

```javascript

function sum(first, ...rest) {

var result = first; // 将第一个参数作为累加的结果初始值

for (var i = 0; i < rest.length; i++) { // 循环累加剩余参数中的每个值

result += rest[i];

}

return result; // 返回累加结果

}

console.log(sum(1)); // 输出1

console.log(sum(1, 2)); // 输出3

console.log(sum(1, 2, 3)); // 输出6

```上述内容即为关于ECMAScript 6中的函数剩余参数的详细介绍。希望能够帮助大家更好地理解这一特性并运用到实际开发中。