JavaScript Anonymous Functions

Summary: neste tutorial, você aprenderá sobre JavaScript anonymous functions.

Introduction to JavaScript anonymous functions

An anonymous function is a function without a name. Uma função anônima muitas vezes não é acessível após sua criação inicial.

O seguinte mostra uma função anônima que exibe uma mensagem:


Code language: JavaScript (javascript)

Neste exemplo, a função anônima não tem nome entre function palavra-chave e parênteses ().

Porque precisamos chamar a função anónima mais tarde, atribuímos a função à variável show

Usamos frequentemente funções anónimas como argumentos de outras funções. Por exemplo:


Code language: JavaScript (javascript)

Neste exemplo, nós passamos uma função anônima para a função setTimeout(). A função setTimeout() executa essa função anônima um segundo depois.

Nota que funções são os cidadãos de primeira classe em JavaScript, assim você pode passar uma função para outra como argumento.

Se você quiser criar uma função e executá-la imediatamente após a declaração, você pode usar a função anônima assim:


Code language: JavaScript (javascript)

Como ela funciona.

Primeiro, o seguinte define uma expressão de função:


Code language: JavaScript (javascript)

Segundo, os parênteses finais () permitem chamar a função:


Code language: JavaScript (javascript)

e, às vezes, você pode querer passar argumentos para ela, assim:

ES6 introduziram uma expressão de função de seta que fornece um abreviação para declarar funções anônimas:

Por exemplo, esta função:


Code language: JavaScript (javascript)

… pode ser abreviada usando a seguinte função de seta:


Code language: JavaScript (javascript)

Simplesmente, a seguinte função anónima:


Code language: JavaScript (javascript)

… é equivalente à seguinte função de seta:


Code language: JavaScript (javascript)

As funções anónimas são funções sem nomes.
As funções anónimas podem ser usadas como argumento para outras funções ou como uma execução de função imediatamente invocada.