Objetivos
Função Arrow
Funções Arrow são funções que não utilizam a palavra reservada function e seu corpo é composto de uma expressão
que retorna um valor. Em resumo, é uma forma reduzida de declararmos uma função.
Regras
Não possuem nome
Parâmetros não possuem tipo
Não há checagem de tipos
Não há checagem de número de argumentos
Possuem apenas um retorno
Pode conter declarações em bloco
Sintaxe
() => expressao
() => {expressao}
Onde
() : Lista de argumentos separados por (,)
expressao: expressão cujo valor resultante será retornado. Todos os operadores estudados podem ser utilizados.
Exemplo 1
let funcao = () => "Olá, Mundo!";
console.log(funcao());
Saída
Olá, World!
Exemplo 2
let funcao = () => {
console.log("Olá, Mundo!");
return "Olá!";
};
console.log(funcao());
Saída
Olá, World!
Olá!
A passagem de argumentos para funções arrow é feito utilizando o operador (). Os argumentos são separados
por (,).
Sintaxe
(arg1, arg2, ...) => { expressao };
Exemplo 3
let funcao = (arg1,arg2) => arg1 + arg2;
console.log(funcao(2,2));
Saída
Olá, World!
Parâmetro com valor padrão
O que foi estudado sobre parâmetros opcionais para
funções também é aplicável para funcões arrow, como pode ser visto a sintaxe abaixo:
Sintaxe
(arg1, arg2, arg_def = valor) => { expressao };
Exemplo 4
let funcao = (arg1,arg2 = 2) => arg1 + arg2;
console.log(funcao(2));
Saída
4
No exemplo acima, o segundo parâmetro, opcional, não foi informado ao invocarmos uma função arrow.
Essa foi executada utilizando o valor padrão definido.
O que foi estudado sobre parâmetros variáveis para
funções também é aplicável para funcões arrow, como pode ser visto a sintaxe abaixo:
Sintaxe
(arg1, arg2, ...param_var) => { expressao };
Onde
nome_param: Array contendo lista variável de parâmetros.
Exemplo 5
let funcao = (arg1, ...arg2) => {
console.log(arg2.length);
return arg1 + arg2[0];
}
console.log(funcao(2,2));
Saída
1
4
Histórico de atualizações
- 15/08/2025 - revisão 3 - Ajustes: sintaxes e 'Objetivos'; Adição: Ex. 2, parâmetros variáveis e valor padrão
- 26/09/2024 - revisão 2 - Ajustes pontuais
- 05/10/2023 - revisão 1 - Correção em layout, navegação e erros gramaticais
- 31/05/2023 - versão inicial
Os cursos oferecidos nesta página são cursos fornecidos por parceiros. Ao comprar um curso clicando
em seu banner, você está ajudando a manter o projeto TutorialDev vivo. Os sites dos cursos parceiros utilizam cookies.