37 lines
1.2 KiB
Markdown
37 lines
1.2 KiB
Markdown
|
---
|
|||
|
|
title: Rest Parameters
|
|||
|
|
localeTitle: 休息参数
|
|||
|
|
---
|
|||
|
|
## 休息参数
|
|||
|
|
|
|||
|
|
在ES6中，其余的参数语法`...`允许您将无限数量的参数收集到数组中。
|
|||
|
|
|
|||
|
|
尽管它们看起来相同，但它与扩展运算符相反，后者从迭代中获取每个项目并将它们分散到各自的值中。
|
|||
|
|
|
|||
|
|
### 句法
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
function myFunc(...args) {
|
|||
|
|
console.log(args);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
myFunc( 1, 2, 3, 4, 5); // [1,2,3,4,5]
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
你可以在它前面加上函数的最后一个参数与`...`当你想要做的初始paramters的东西，然后把所有剩下的参数不同。
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
function convertCurrency(rate, fee, ...amounts) {
|
|||
|
|
return amounts.map(amount => (amount * rate) + fee);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
convertCurrency(0.89, 2.5, 100, 250, 75, 150, 300); // [ 91.5, 225, 69.25, 136, 269.5 ]
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
`...`允许您将其余参数（如果有的话）收集到数组中。
|
|||
|
|
|
|||
|
|
### rest参数和arguments对象之间的区别
|
|||
|
|
|
|||
|
|
`arguments`是一个类似于数组的对象，在函数内部可用，包含传递给这些函数的参数。它被称为“类似数组”，因为它没有所有数组的内置方法，例如`.forEach()`和`.map()` 。
|
|||
|
|
|
|||
|
|
其余参数是一个数组，包含所有数组方法。
|