Diferença entre funções embutidas e anônimas em JavaScript

JavaScript, as funções embutidas e anônimas são utilizadas principalmente para aplicar uma funcionalidade específica ou um evento em uma função específica. Além disso, eles são muito úteis para reduzir a complexidade do código e torná -lo legível. Além disso, essas funções evitam a poluição por namespace e são convenientes também.

Este artigo discutirá as funções inline e anônimas e suas diferenças no JavaScript.

Funções embutidas e anônimas e suas diferenças em JavaScript

O "Em linha" e "Anônimo”As funções são quase as mesmas que ambas são criadas em tempo de execução. A diferença é que as funções embutidas são armazenadas em uma variável específica, o que não é o caso em funções anônimas.

Agora, vamos estudar cada um deles um por um!

O que são funções embutidas em JavaScript?

As funções embutidas são um tipo de função anônima contida em uma variável. É criado de maneira semelhante como a função anônima e depois contida em uma variável específica.

Os exemplos a seguir elaborarão o conceito declarado usando o “setTimeout ()”Método.

Exemplo: Usando a função embutida em JavaScript

Em primeiro lugar, incluiremos o título no “

”Tag e alinhe -o ao centro usando o“" marcação:

A função embutida é armazenada em uma variável

Em seguida, armazene a função especificada na variável chamada “inlinefunc”. Em sua definição de função, alerte a seguinte mensagem após o tempo limite especificado como “2”Segundos:

deixe inlinefunc = function ()
alerta ('Esta é a função embutida')
;
setTimeout (inlinefunc, 2000)

Pode -se observar que a mensagem adicionada na função embutida é exibida na caixa de alerta após dois segundos:

Exemplo 2: Usando a função de seta embutida em javascript

Primeiro, adicionaremos um título, conforme discutido no exemplo anterior:

A função de seta embutida é armazenada em uma variável

Em seguida, aplique a função de seta e armazene -a da mesma forma na variável chamada “inlinefunc”. Além disso, aplique o “setTimeout ()”Método para exibir a mensagem correspondente após o tempo declarado:

deixe inlinefunc = () => alert ('Esta é a função de seta em linha');
setTimeout (inlinefunc, 2000)

Saída

Quais são as funções anônimas em JavaScript?

As funções anônimas JavaScript são declaradas sem nenhum identificador nomeado, como o seu nome sugere.

Exemplo: Usando a função anônima em JavaScript

Incluiremos o seguinte cabeçalho no centro usando as tags discutidas nos exemplos anteriores:

A função anônima é definida sem nenhum identificador de nome

Depois disso, aplique o “setTimeout ()”Método para a função anônima (sem nome). Além disso, alerte a seguinte mensagem após o tempo definido, que é de dois segundos:

setTimeout (function ()
Alerta ('Esta é a função anônima')
, 2000);

Saída

Exemplo: Usando a função de seta anônima em javascript

Conforme discutido nos métodos anteriores, adicionaremos um título usando o

Tag e alinhe -o no centro:

A função de seta anônima é definida sem nenhum identificador de nome

Então, aplique o “setTimeout ()”Método para a função anônima de seta com o tempo especificado:

setTimeout (() => alert ('Esta é a função de seta anônima'), 2000);

Saída

Discutimos os exemplos para implementar as funções em linha e flecha em JavaScript.

Conclusão

Em JavaScript, as funções embutidas e anônimas são diferentes de tal maneira que as funções embutidas são um tipo de função anônima que é armazenada em uma variável específica, enquanto a função anônima é uma função sem nome. Ambas as funções podem ser criadas em tempo de execução. Este manual guiado sobre as funções embutidas e anônimas e suas diferenças em JavaScript.