JavaScript: tudo que você precisa saber em 2021

O ano é 2015 e, após 6 anos sem novidades, o JavaScript recebe sua primeira grande atualização. O que conhecemos como ES6, ES2015? Ou será que é ECMAScript 2015?

A confusão começa aqui, qual a diferença entre eles? Nenhuma! Todos esses nomes se referem à mesma versão do JavaScript.

‘ES’ é uma abreviação para ECMAScript. O número ‘6’ vem para marcar a ordem de atualização da linguagem que foi lançada em… 2015!

E se você quer saber o que é esse tal de ECMAScript a resposta é simples: é um padrão criado com o intuito de possibilitar a interoperabilidade dos nossos códigos JavaScript em todos os browsers.

Um fato curioso é que associamos tudo de novo no JavaScript à versão ES2015. Isso se dá pelo fato de que muitas propostas que ainda estavam em um período de testes passaram a ser suportadas por transpiladores, como o Babel, já em 2015, mas só foram implementadas oficialmente nas versões posteriores.

Essas são formas de definirmos variáveis no JavaScript que só podem ser utilizadas no escopo em que foram criadas. Vieram para substituir o `var`, onde a variável tem um escopo global ou dá função inteira onde foi definida.

A diferença entre o let e o const é que não é possível atribuir um novo valor a uma const, porém esse valor não é imutável. Se o valor for um objeto, é possível alterar os valores de suas propriedades.

Via de regra, usa-se const para tudo. Somente quando for necessário atribuir um novo valor à variável, utiliza-se o let.

Se antes utilizávamos a função Array.forEach, agora é possível utilizar o for..of.

Arrow functions são funções escritas com o operador =>, diferentemente das funções comuns, as arrow functions usam o mesmo this que o código onde ela está inserida.

As últimas versões do JavaScript contaram com uma série de novas funcionalidades para se trabalhar com arrays.

find e findIndex: retorna o primeiro resultado ou índice de uma busca pelo array.

filter: cria um novo array com todos os elementos encontrados na busca.

map: cria um novo array populado com os resultados da função chamada para cada elemento no array.

includes: determina se um array contém determinado elemento.

Parâmetros de funções javaScript têm undefined como seu valor padrão, porém, é possível definir outro valor para esses parâmetros da seguinte forma:

Funcionalidade comum em outras linguagens, no JavaScript também é possível para uma função aceitar um número indefinido de argumentos.

O operador de spread/destructuring (...) é muito útil quando você precisa combinar dois arrays ou objetos no Javascript, ou até mesmo para passar o conteúdo de um array como parâmetro de uma função JavaScript, veja exemplos:

E aí? Gostou do nosso conteúdo? Na Delage Tech, vamos compartilhar tudo que aprendemos e aplicamos na prática. O próximo assunto do Blog será Typescript. E se prepare para o aulão ReactJS + Typescript básico! Em breve divulgaremos a data!