Nesse texto quero te mostrar o que é, e como usar uma função IIFE
Primeiro, o que é uma IIFE? O que significa isso? Bom IIFE é a sigla para Immediately-Invoked Function Expression que em uma tradução livre ficaria função auto executável.
Conceito
Quando nós temos uma função em qualquer linguagem, nós a declaramos e a chamamos quando e onde quisermos, correto? Correto! Porém, no JS existe uma forma de você declara uma função e no momento de execução, a mesma ser executada, porém sem chama-lá usando nomeDaFuncao()
.
Prática
Abaixo eu mostro como utilizar uma as função auto executável de duas formas diferentes.
Basicamente para criarmos e usarmos um IIFE nós criamos uma função comum, no exemplo acima eu criei funções anônimas usando a palavra-chave function
, porém, nada te impede de criar arrow functions
ou até mesmo nomear as suas funções.
Para que a função seja auto executável ela deve estar entre parênteses ()
e logo após a sua declaração você deve adicionar novamente parênteses dentro (1° Forma) ou fora (2° Forma) dos parênteses que ficam em volta da função.
E por fim basta executar o seu código e a função será executada sem nenhuma sem precisar chama-lá.
Muito obrigado por ler 🙃
Top comments (1)
Excelente artigo. Muito bem explicado.