JavaScriptFunçõesbasico

Arrow function básica

Arrow functions simplificam a escrita de funções, sendo muito usadas no dia a dia do desenvolvedor JavaScript — principalmente em callbacks de eventos, map, filter e reduce. Dominar a sintaxe economiza linhas e deixa o código mais limpo, além de evitar confusões com o this (embora isso seja mais avançado).

O PROBLEMA

Reescreva somar(a,b), ehPar(n) e saudar(nome) como arrow functions.

EXEMPLO

const somar = (a,b) => a+b;
const ehPar = n => n%2===0;
const saudar = nome => `Olá, ${nome}!`

SOBRE O CONCEITO

A sintaxe de arrow function substitui a palavra function por => após os parâmetros. Se houver apenas um parâmetro, os parênteses podem ser omitidos, como em n => n%2===0. Quando o corpo tem apenas uma expressão, o return é implícito — não se deve usar chaves nem return. Se usar chaves {}, o return passa a ser obrigatório. O erro comum é esquecer a flecha => ou, ao usar chaves, esquecer o return explícito, o que faz a função retornar undefined. Outro erro é colocar chaves em uma arrow de retorno implícito, o que quebra o comportamento esperado.

RESOLUÇÃO

Mais exercícios de Funções

JSF019 · IntermediárioComposição de funçõesJSF020 · IntermediárioIIFEJSF022 · AvançadoGenerator functionJSF023 · AvançadoFunção pura vs impura
Ver todos os exercícios de JavaScript