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!

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

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

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!