O que é uma função anônima - JavaScript

As funções são blocos de código com funcionalidade reutilizável chamada principalmente com o nome atribuído a ele para executar algumas linhas de código. Mas em JavaScript, há um tipo particular de funções sem nenhum identificador, chamado funções anônimas.

Anônimo Simplesmente significa sem identificação, essas funções anônimas em JavaScript ou outras linguagens de programação são declaradas sem qualquer nome ou identificador. Essa é a principal diferença entre uma função normal e função anônima. Neste artigo, discutiremos as funções anônimas em JavaScript, sua sintaxe, como elas são declaradas e seu uso junto com exemplos para o seu melhor entendimento.

Função anônima

A maioria das funções é declarada com algum identificador junto com a palavra -chave "função" que ajuda o usuário a chamar a função facilmente. Mas as funções anônimas são declaradas apenas com a palavra -chave da função e nenhum identificador, e não é acessível após sua criação e só pode ser acessado através de uma variável, a função é armazenada como um valor. Essas funções anônimas podem ter vários argumentos, mas apenas uma expressão, seguindo a sintaxe das funções anônimas.

Sintaxe:

função()
// corpo da função

Como podemos ver que a função não tem identificador, é impossível acessá -la, mas, usando uma variável e armazenar a função nela como um valor, nos ajudará a acessar a função facilmente, como mostra o exemplo abaixo:

var de boas -vindas = function ()
console.log ("Bem -vindo ao nosso site!");
;
Bem-vindo();

Saída:

Aqui neste exemplo, simplesmente usamos a palavra -chave function () para declarar uma função e depois a armazenamos em uma variável chamada "Welcome". Então, através dessa variável, acessamos a função.

Uso de funções anônimas

As funções anônimas são fáceis de declarar e são usadas para vários propósitos, algumas das quais estão listadas abaixo:

Passando uma função anônima como um argumento para outras funções:

Funções anônimas podem ser usadas para passar como um argumento para outras funções. Para entender o conceito, observe melhor o exemplo fornecido abaixo:

setTimeout (function ()
console.log ('execute após um segundo')
, 100);

Aqui no exemplo acima, criamos uma função anônima e depois passamos essa função para a função setTimeout () como seu argumento, e a função executará o código de funções anônimas após um segundo. Esta é uma das implementação e uso da função anônima

Saída:

Execução imediata

Outro motivo para usar funções anônimas é quando você deseja que o código da função seja executado imediatamente e quando nenhuma chamada é necessária. Abaixo está um exemplo de chamar imediatamente de uma função anônima:

(function ()
console.log ('Bem -vindo ao nosso site');
) ();

Saída:

Aqui a função é imediatamente executada e funciona conforme descrito abaixo:

Primeiro declare a função sem nenhum identificador como normalmente:

(function ()
console.log ('Bem -vindo ao nosso site');
)

Agora a função é declarada, mas não será executada; portanto, para executá -la, usamos os parênteses à direita “()”Que são seguidos pelo Terminator“;”Isso executará o código abaixo:

(function ()
console.log ('Bem -vindo ao nosso site');
) ();

Às vezes, também podemos passar argumentos para a função anônima, como mostrado abaixo pelo exemplo dado:

Deixe o usuário =
primeiro nome: 'mark',
LastName: 'Jacob'
;
(function ()
console.log ('$ usuário.primeiro nome $ usuário.sobrenome');
)(do utilizador);

Saída:

Funções de seta com funções anônimas

As funções de seta foram introduzidas pelo ES6, que fornecem uma maneira curta de declarar funções anônimas, que reduz as linhas de códigos e as tornam mais facilmente compreensíveis, como mostrado pelo exemplo a seguir:

Essas linhas de código:

Let Welcome = function ()
console.log ('Bem -vindo ao nosso site');
;
Bem-vindo();

Pode ser convertido para seguintes linhas de código usando a função de seta:

Let Welcome = () => 'Bem -vindo ao nosso site';
Bem-vindo();

Isso nos fornecerá a saída abaixo, mesmo que não tenhamos devolvido nada, mas por padrão a função anônima retorna.

Saída:

Conclusão

As funções anônimas são aquelas que são declaradas sem nome ou identificador e, para executá -las, usamos principalmente uma variável para armazená -los ou parênteses junto com o Terminator "();" Para executá -los imediatamente. Neste artigo, discutimos funções anônimas em JavaScript, sua sintaxe, declaração e seu uso. Eles ajudam na execução imediata do código e costumavam passar como um argumento em outras funções. Essas funções são facilmente declaradas e podem ser usadas quando queremos a execução imediata do nosso código.