ES6: destructuring assignment

Conheci o grande destructuring assignment através do meu brother Weslley Araujo, e confesso que achei coisa linda. Ele nada mais é que uma expressão que nos permite pegar dados de objetos ou arrays de uma maneira bem mais simples.

Para pegarmos uma propriedade de um objeto, poderíamos fazer algo assim:

Com o mano novo, podemos fazer algo assim:

Com arrays

Se quiséssemos, por exemplo, pegar o primeiro item do array, poderíamos fazer algo do tipo:

Com o mano destructuring, podemos fazer algo assim:

Ainda é possível, brincar um pouco mais:

Usando ao importar arquivos

Uma coisa muito legal de se usar o mano destructuring assignment é quando precisamos importar coisas para os nossos arquivos. Imaginemos que tenhamos um arquivo genérico, como um arquivo helpers, algo mais ou menos assim:

Legal! Agora em um outro arquivo, vamos imaginar que só iremos precisar dessas duas funções, e não do arquivo inteiro. Podemos fazer algo assim:

Aplicando ao forEach

Podemos também utilizar no famoso forEach. Imaginemos que tenhamos o seguinte cara:

Com isso, poderíamos fazer algo assim:

Utilizando um combo de arrow-functions e destructuring, poderíamos fazer algo assim:

Criando objetos

Podemos criar um objeto assim:

Dá pra ficar mais legal. ◕‿◕

Aqui você encontra um JS Bin com os exemplos acima.

See all posts...