Shorthand Properties e Method Names

Fala pessoal, tudo bem ? Esse vai ser um post curto e bem direto ao ponto.

A ES6 introduziu um novo conceito/funcionalidade chamado “Abreviação de propriedades (property shorthand), vamos ver a seguir um exemplo dessa funcionalidade:

Vamos imaginar que precisamos criar um objeto para guardar informações de um usuario, como nome, sobrenome e idade:

Antigamente no ES5 a gente faria da seguinte forma, iríamos criar o objeto passando a propriedade e valor.

Se você reparou bem, dessa forma tem muita repeticão, imagine se a gente precisasse criar um objeto "Person" com mais informações do nosso usuario, iríamos ter muito mais repetições.

Então é nessa hora que o shorthand property entra em ação, o shorthand permite que a gente faça o seguinte: Se a propriedade e a variavel tiver o mesmo nome, basta criarmos o objeto da seguinte forma =>

Dessa forma ele vai entender que primeiro vamos passar a propriedade que é "firstName" depois ele vai passar o valor, e assim por diante.
Dessa forma, a gente escreve bem menos codigo.

Outra coisa bem legal é a forma de como a gente cria funções dentro de um objeto usando o shorthand, vamos criar uma função para retornar o nome completo do nosso usuario.

Forma antiga:

Forma nova:

Com o shorthand eu não preciso mais colocar o "function" o "getFullName" já é o bastante.

Assim fica bem mais fácil de ler e a gente escreve bem menos...

Meus Links

• Linkedin: Marcos Mendes
• Github: @iamdevmarcos