Menu
Coddy logo textTech

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 função de seta tem uma sintaxe mais curta em comparação com expressões de função e não possui seus próprios vínculos com as palavras-chave this, arguments, super ou new.target. As funções de seta são sempre anônimas.

Aqui está a sintaxe básica de uma função de seta:

(param1, param2) => {
	// Corpo da função
	// ...
	return value; // Instruçã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 função de seta:

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.

challenge icon

Desafio

Fácil

Crie uma função de seta 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 do IMC é: weight / (height * height).

Por exemplo:

console.log(calculateBMI(70, 1.75)); // Output: 22.857142857142858
console.log(calculateBMI(80, 1.8));  // Output: 24.691358024691358

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));
quiz iconTeste seus conhecimentos

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

Pratique por conta própria: Compilador de JavaScript online