JS-0804 - JavaScript Completo ES6 - Rest e Spread

JS-0804 - JavaScript Completo ES6 - Rest e Spread
Publicado em 24/05/2021 13h56
Visualizações: 349

... operadorando com três pontos

A palavra-chave arguments é um objeto array-like criado dentro da função que contém os valores dos argumentos passados como parâmetros.

JS-0804 - JavaScript Completo ES6 - Rest e Spread

Parâmetro Rest

Utilizando rest, é possível realizar a declaração de vários parâmetros com um único utilizando três pontos "..." na frente deste. Assim todos os argumentos passados na ativação da função serão identificados como elementos dentro do parâmetro.

JS-0804 - JavaScript Completo ES6 - Rest e Spread

Contudo, só é possível passar um único parâmetro como rest. Caso haja a necessidade de passar outro parâmetro, o rest deverá ser o último, sempre no final.

JS-0804 - JavaScript Completo ES6 - Rest e Spread

Rest vs Arguments

Apesar de ambos ter um retorno semelhante, rest é um array real e arguments é um objeto array-like, portanto, possuem métodos diferentes em seu prototype.

JS-0804 - JavaScript Completo ES6 - Rest e Spread

Operador Spread

Como o rest, o operador spread também utiliza os três pontos para ser ativado, substituindo um item iterável um a um em um array.

JS-0804 - JavaScript Completo ES6 - Rest e Spread

Spread Argument

O spread pode ser muito útil em funções que recebem uma lista de argumentos ao invés de um array. Ex:

JS-0804 - JavaScript Completo ES6 - Rest e Spread

Transformar em Array

Utilizando spread, é possível transformar facilmente itens iteráveis em um array real. Ex:

JS-0804 - JavaScript Completo ES6 - Rest e Spread

Veja também:

Confira mais artigos relacionados

Este website utiliza cookies próprios e de terceiros a fim de personalizar o conteúdo, melhorar a experiência do usuário, fornecer funções de mídias sociais e analisar o tráfego. Para continuar navegando você deve concordar com nossa Política de Privacidade

Sim, eu aceito. Não, eu não aceito.