Funções auto-chamadas em javascript

JavaScript oferece vários recursos úteis para seus usuários e o Função auto-chamada é um deles. Você pode não ter ouvido o termo "autoinvoco" antes; No entanto, você o usou sem saber em qualquer um de seus programas diários de JavaScript.

Funções auto-chamadas em JavaScript são as funções auto-executivas anônimas que são chamadas após sua definição. Essas funções JavaScript podem ser executadas imediatamente quando seguidas pelos parênteses conjuntos ().

Este artigo discutirá as funções auto-chamadas, sintaxe e seu trabalho em JavaScript. Além disso, também demonstraremos a diferença entre as funções JavaScript normais e auto-convocantes em termos de estrutura de sintaxe e trabalho. Então vamos começar!

O que são funções auto-chamadas em JavaScript

Em JavaScript, um “Auto-chamado”A função é um tipo de função que é invocada ou chamada automaticamente após sua definição. A execução de uma função tão anônima é feita, envolvendo -a em um conjunto de parênteses, seguido por outro conjunto de parênteses.

Diferentes tarefas de inicialização podem se beneficiar do uso das funções auto-invocáveis. Por exemplo, funções auto-chamadas podem ser uma ferramenta fantástica para anexar os ouvintes do evento aos elementos DOM de uma página da web. Essas funções só podem ser executadas uma vez, para que não preencham todos os tipos de coalhada no espaço de nome global que durará de acordo com a vida útil da página da web.

Como as funções auto-chamadas funcionam em JavaScript

À medida que as funções auto-chamadas são definidas anonimamente em JavaScript, não há variáveis ​​locais ou globais, exceto as declarações no corpo das funções. Quando você inicializa uma função auto-chamada, ela é executada imediatamente e pode ser executada uma vez. Nenhuma referência será salva para a função auto-invocadora, incluindo o valor de retorno.

As funções JavaScript auto-chamadas são utilizadas principalmente para variáveis ​​de escopo em JavaScript. Como essas funções são anônimas, sua expressão adicional é invocada sem qualquer fechamento de identificador ou modificação do escopo.

Sintaxe das funções auto-chamadas em JavaScript

Agora, vamos conferir a sintaxe das funções auto-invocáveis ​​no JavaScript:

(function (parâmetros)
// corpo da função
) (argumentos);

Aqui o "argumentos”São as referências de objeto global passadas para a função auto-invocada. As variáveis ​​que você definirá no corpo de sua função auto-invocável só são acessíveis na mesma função.

Exemplo: Usando funções auto-chamadas em JavaScript

No exemplo a seguir, definiremos uma função auto-invocadora que imprime “Oi! Estou me chamando”Assim que o código de definição da função for executado. Observe que não precisamos chamar a função definida de si mesmos:

Funções auto-chamadas

Você pode executar o acima do seu editor de código favorito ou qualquer sandbox de codificação on-line; No entanto, utilizaremos o JSBIN para o objetivo da demonstração:

Agora, consulte a saída gerada pela função definida de auto-convocação:

Exemplo2: Diferença entre função auto-convocadora e função normal

Se você é um iniciante em JavaScript, então, neste momento, pode ficar confuso entre a sintaxe e a funcionalidade de uma função normal e uma função auto-invocada. Sem problemas! Esta seção o ajudará a esse respeito.

A primeira e a diferença básica entre a função autoinvocante e a função normal é que você deve definir um nome adequado para uma função normal em JavaScript e depois chamá-lo por seu nome específico, enquanto as funções auto-invocadoras são definidas anonimamente e invocado automaticamente.

Por exemplo, para definir uma função normal no JavaScript, seguiremos a sintaxe abaixo:

function functionName ()

// corpo da função
;

Para chamar a função definida em algum lugar do seu código JavaScript, você deve utilizar o nome da função:

functionName ();

Agora, no código abaixo, definimos um normal “testfunc ()”Função que imprimirá o“Isso é Linuxhint.com”String depois de chamá -la no código:

Funções normais em JavaScript

Aqui está a saída que obtemos da execução do código acima:

Agora, definiremos uma função auto-invocadora que também produzirá a mesma string que a função normal fez. Para fazer isso, escreva o código a seguir e inicie a execução:

Funções auto-chamadas em javascript

A saída declara que a função JavaScript auto-chamada foi executada com sucesso sem ser chamada no programa:

Conclusão

Auto-chamado A função é um tipo de função que é invocada ou chamada automaticamente após sua definição quando seguida pelos parênteses conjuntos () e usado principalmente para as tarefas de inicialização. Esta redação demonstrou a sintaxe e o uso de funções auto-invooking em JavaScript para envolver o código dentro de um escopo de função. Além disso, a diferença entre as funções normais e as funções auto-invokantes em JavaScript também é demonstrada com a ajuda de alguns exemplos.