JavaScript Funções anônimas | Explicado para iniciantes

JavaScript Funções anônimas | Explicado para iniciantes
A função é um conjunto de instruções que são executadas sempre que são chamadas e retorna algum resultado como sua resposta. As funções são criadas usando uma sintaxe específica, por exemplo, em JavaScript, você usa a palavra -chave da função e depois o nome da função e depois parênteses. Da mesma forma, as funções anônimas são as mesmas, mas a diferença está na sintaxe.

A função anônima JavaScript não tem um nome com sua declaração e isso geralmente é passado como o argumento para as outras funções de ordem superior. A função anônima é basicamente construída e usada para execução de função instantânea em uma função como um parâmetro.

Quando as funções anônimas são construídas, elas podem ser atribuídas a variáveis, oferecendo os mesmos recursos como se você usasse um nome na declaração de função.

Utilizando funções anônimas como parâmetros para outras funções

Devido à sua função anônima, podemos utilizá -la onde quisermos, geralmente usamos esse método como um parâmetro em outra função também, e aqui está o exemplo disso abaixo:

setTimeout (function ()
console.log ('Esta função está sendo usada como um parâmetro no método JS Settimeout')
, 3000);

Neste exemplo, usamos o setTimeout () Método para passar uma função anônima. Esta função anônima é executada três segundos depois pelo setTimeout () método.

Execução imediata de uma função

Execução imediata de uma função significa que você criou uma função e deseja que ela seja executada logo após ser criada. Você pode alcançar essa funcionalidade com a função anônima com muita facilidade. Aqui está um exemplo de como você pode fazer com que isso aconteça facilmente no código.

(function ()
console.log ('Esta função está sendo executada imediatamente logo após sua criação');
) ();

Saída

Então, no exemplo acima, a função está sendo executada logo após sua criação. A sintaxe é simples: você pode simplesmente declarar a função anônima e fazê -la executar apenas chamando -a usando os parênteses no final da função.

Aqui está como você pode fazer isso abaixo:

deixe obj =
'Nome': 'John Doe',
'Idade': 22,
'endereço': 'xyz'
;
(function ()
console.log ('meu nome é', obj.nome, 'e minha idade é', obj.idade 'e eu moro em', obj.endereço);
) (obj);

Saída

Você pode simplesmente passar os parâmetros dentro da execução imediata da função anônima, como vimos no exemplo acima.

Função anônima de seta

A função anônima de seta é semelhante à função anônima não marcada, é a curta sintaxe da função e pode ser facilmente implementada no programa. As funções de seta são os recursos modernos do ES6, o que permite escrever o código rápido e mais fácil, é basicamente uma abordagem abreviada para declarar e usar as funções no JavaScript.

Aqui está um exemplo da função anônima abreviada.

deixe anonymousfunc = function ()
console.log ('Esta é uma função anônima');
;

Você pode escrever a função acima como uma função de seta abreviada como abaixo

deixe anonymousfunc = () => console.log ('função anônima de seta de mão curta');
Anonymousfunc ();

Aqui está a saída

Como reutilizar a função anônima

As funções anônimas de JavaScript podem ser reutilizadas mais tarde. Você pode torná -los reutilizáveis, atribuindo -os a uma variável e depois chamá -los onde quiser. Vamos dar uma olhada no exemplo abaixo para fazer uma compreensão clara de como podemos facilmente usar funções anônimas no futuro.

deixe anonymousfunc = function ()
console.log ('Esta é uma função anônima');
;
Anonymousfunc ();

Saída:

Portanto, se você der uma olhada no exemplo acima, descobrirá que não há nome entre a palavra -chave da função e parênteses, o que a torna completamente anônima, mas por que estamos atribuindo essa função anônima a uma variável anonymousfunc é porque queremos que essa função ser chamável mais tarde.

Conclusão

Uma função anônima é uma função sem nome que pode ser usada depois de criar. A função anônima pode ser usada de passagem como um parâmetro para outra função ou na execução imediata de uma função. Neste artigo, discutimos como podemos criar uma função anônima e armazená -los para uso futuro também.