Arrow Functions
Parte da seção Fundamentos do Journey de JavaScript da Coddy — lição 51 de 77.
Arrow functions fornecem uma maneira mais curta de escrever funções em JavaScript. Elas são especialmente úteis para funções curtas e simples.
Uma expressão de arrow function possui uma sintaxe mais curta em comparação com expressões de função e não possui suas próprias vinculações aos termos this, arguments, super ou new.target. Arrow functions são sempre anônimas.
Aqui está a sintaxe básica de uma arrow function:
(param1, param2) => {
// Corpo da função
// ...
return value; // Declaração de retorno opcional
}Se a função tiver apenas um parâmetro, você pode omitir os parênteses ao redor da lista de parâmetros. Se o corpo da função tiver apenas uma expressão, você pode omitir as chaves e a palavra-chave return. O resultado da expressão será retornado implicitamente.
Aqui está um exemplo de uma expressão de função tradicional:
let add = function(a, b) {
return a + b;
};Aqui está a mesma função escrita como uma arrow function:
let add = (a, b) => a + b;Neste exemplo, os parênteses em volta dos parâmetros são mantidos porque existem dois parâmetros. As chaves e a palavra-chave return são omitidas porque o corpo da função possui apenas uma expressão.
Aqui está outro exemplo sem parâmetros:
let greet = () => console.log("Hello!");
greet(); // Saída: Hello!Neste caso, um par de parênteses vazio é usado para indicar que a função não possui parâmetros.
Arrow functions são frequentemente usadas quando você precisa passar uma função curta como argumento para outra função.
Desafio
FácilCrie uma arrow function chamada calculateBMI que receba dois parâmetros, weight (em quilogramas) e height (em metros), e retorne o Índice de Massa Corporal (IMC). A fórmula para o IMC é: weight / (height * height).
Por exemplo:
console.log(calculateBMI(70, 1.75)); // Output: 22.857142857142858
console.log(calculateBMI(80, 1.8)); // Output: 24.691358024691358Folha de consulta
Arrow functions fornecem uma sintaxe mais curta para escrever funções em JavaScript. Elas são sempre anônimas e não possuem seu próprio vínculo this.
Sintaxe básica:
(param1, param2) => {
// Corpo da função
return value;
}Para expressões únicas, você pode omitir as chaves e o return:
let add = (a, b) => a + b;Para parâmetros únicos, os parênteses são opcionais:
let square = x => x * x;Para nenhum parâmetro, use parênteses vazios:
let greet = () => console.log("Hello!");Experimente você mesmo
// Digite seu código abaixo
// Não altere as linhas abaixo
console.log(calculateBMI(70, 1.75));
console.log(calculateBMI(80, 1.8));Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Fundamentos
4Operadores Parte 2
Operadores Lógicos Parte 1Operadores Lógicos Parte 2Recapitulação - Lógica SimplesOperadores Lógicos Parte 3Coerção de Tipos7Calculadora de Divisão de Conta
Mensagem de Boas-vindasCalculando a Gorjeta e o Total10FizzBuzz com um Diferencial
Visão Geral do JogoA Função FizzBuzz2Variáveis
NúmerosStringBooleanoConvenções de NomenclaturaVariáveis VaziasRecapitulação - Inicializar VariáveisConstantes5Tomada de Decisão
Estrutura IfIf - ElseRevisão - Calculadora SimplesIf - Else AninhadoEstrutura Switch8Laços de Repetição
Loop ForLoop WhileBreakContinueRecapitulação - FatorialLoop Do WhileLoops Aninhados3Operadores Parte 1
Operadores AritméticosOperador de MóduloAtalhos AritméticosOperadores de ComparaçãoIgualdade Estrita vs Não EstritaRecapitulação - Matemática Simples6E/S Básica
SaídaSaída com VariáveisConversão de Tipos - Parte 1Conversão de Tipos - Parte 2Revisão - Até 120Revisão - Verdadeiro ou Falso