DEV Community

Cover image for JavaScript: O que são funções IIFE?
Cristian Magalhães
Cristian Magalhães

Posted on • Updated on

JavaScript: O que são funções IIFE?

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.

Image description

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 🙃

Links úteis

Latest comments (1)

Collapse
 
juanfrank77 profile image
Juan F Gonzalez

Excelente artigo. Muito bem explicado.