37 lines
1.4 KiB
Markdown
37 lines
1.4 KiB
Markdown
|
---
|
|||
|
|
title: Rest Parameters
|
|||
|
|
localeTitle: Parâmetros de descanso
|
|||
|
|
---
|
|||
|
|
## Parâmetros de descanso
|
|||
|
|
|
|||
|
|
No ES6, a sintaxe do resto do parâmetro `...` permite reunir um número indefinido de argumentos em uma matriz.
|
|||
|
|
|
|||
|
|
Mesmo que pareçam iguais, ele faz o oposto do operador de propagação, que pega cada item de um iterável e os espalha em seus valores individuais.
|
|||
|
|
|
|||
|
|
### Sintaxe
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
function myFunc(...args) {
|
|||
|
|
console.log(args);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
myFunc( 1, 2, 3, 4, 5); // [1,2,3,4,5]
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Você pode prefixar o último parâmetro de uma função com `...` quando quiser fazer algo com os parâmetros iniciais e depois tratar todos os demais parâmetros de maneira diferente.
|
|||
|
|
|
|||
|
|
```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 ]
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
O `...` permite reunir o restante dos argumentos, se houver algum, em uma matriz.
|
|||
|
|
|
|||
|
|
### A diferença entre os parâmetros de descanso e o objeto de argumentos
|
|||
|
|
|
|||
|
|
`arguments` é um objeto do tipo array, disponível dentro de funções, que contém os argumentos passados para essas funções. É chamado de "array-like" porque não possui todos os métodos `.forEach()` de um array, como `.forEach()` e `.map()` .
|
|||
|
|
|
|||
|
|
Os parâmetros restantes são uma matriz, com todos os métodos da matriz incluídos.
|