Clique sobre os tópicos listados abaixo para navegar até o conteúdo desejado.

  1. Função arrow
  2. Função arrow com parâmetro
  3. Parâmetro com valor padrão
  4. Parâmetros variáveis
  5. Função arrow como argumento
  6. Vetor/matriz de função arrow
  7. Função arrow como atributo
  8. arguments

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!

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
  1. 15/08/2025 - revisão 3 - Ajustes: sintaxes e 'Objetivos'; Adição: Ex. 2, parâmetros variáveis e valor padrão
  2. 26/09/2024 - revisão 2 - Ajustes pontuais
  3. 05/10/2023 - revisão 1 - Correção em layout, navegação e erros gramaticais
  4. 31/05/2023 - versão inicial