Rodrigo Brito

Uma nova forma de criar funções com o ES6

Para os exemplos será utilizado o conteúdo do projeto. Caso queira o montar em seu ambiente de desenvolvimento, leia o conteúdo do JS-0302 - JavaScript Completo ES6 - Início do Projeto Prático.

Como dito no post JS-0207 (arrays e loops), o forEach é um método de Array e alguns objetos array-like possuem este método. Este método é importante, pois constantemente precisamos manipular não somente um lemento, mas uma lista de objetos no DOM e a melhor forma de percorrer esta lista de objetos em loop é com o forEach.

Relembrando, selecionamos os elementos que retornam uma lista que será percorrida pelo forEach. Para cada loop é executada uma função de callback que pode receber um argumento. Para mais detalhes, consulte o post JS-0207.

Os objetos que não possuem podem ser transformados em array para a utilização deste método. Para transformar podemos utilizar o método Array.from(). Ex:

Arrow Function

O Arrow Functioné uma nova sintaxe do ES6, mais curta em relação a function expression(função dentro de uma expressão). Para transformar uma funcão em arrow, basta remover a palavra chave function e adicionar o sinal "=>" após os argumentos, onde podem ser passados vários argumentos entre parênteses (item, index ou array). Ex:

Para um único argumento é dispensável o uso de parênteses internos. Ex:

Múltiplos argumentos ou ausências destes sempre precisarão de parênteses. Para não haver dúvidas entre o uso ou não de parêntes, uma sugestão é adotar a utilização destes em todos os casos.

Ainda é possível omitir as chaves da função "{}" quando o retorno é apenas uma linha. Ex:

Quando for omitida as chaves com um retorno em uma única linha, não utilize ponto e vírgula depois do retorno como em uma função normal. Ex: