JavaScript

Como retornar um objeto com arrow function em JavaScript

10 de setembro de 2021

Como retornar um objeto com arrow function em JavaScript

Neste artigo você vai aprender a como retornar um objeto com arrow function em JavaScript, de uma maneira super objetiva!

retornar um objeto com arrow function capa

Fala programador(a), beleza? Bora aprender mais sobre arrow function, objetos e também JavaScript!

Para retornar objeto basta envolver a expressão entre parenteses, este é o únio tipo de dado que precisa deste recurso

Os demais podem ser retornados sem qualquer caractere especial os envolvendo

Veja então um exemplo prático:

const x = () => ({
	nome: 'Matheus',
  idade: 30
})

console.log(x().nome); // Matheus

Aqui retornamos um simples objeto com duas propriedades da nossa função

Porém o exemplo é efetuado com sucesso, atingindo nosso objetivo

Lembrando que outros tipos de dados não necessitam desta sintaxe

Por exemplo:

const x = () => [1, 2, 3]

console.log(x()[0]); // 1

Aqui retornamos um array, sem a necessidade de parenteses

Conclusão

Neste artigo você aprendeu como retornar um objeto com arrow function em JavaScript

Basta adicionar o retorno entre parenteses, isso é necessário apenas para os objetos

Outros tipos de dados podemos permanecer sem nada, com a sintaxe simples que as arrow functions possuem

Note também que a arrow function não é um syntax sugar para funções normais, em alguns casos até realizam o mesmo objetivo, mas não devemos tomar isso como verdade

Elas possuem diferenças bem claras, e você deve estar os dois métodos para empregar melhor estes recursos

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x