Funciones de auto-invocación en JavaScript

Funciones de auto-invocación en JavaScript
JavaScript ofrece varias características útiles para sus usuarios y el Función de autoinvocadura es uno de ellos. Es posible que no haya escuchado el término "autoinvocante" antes; Sin embargo, sin saberlo, lo ha usado en cualquiera de sus programas diarios de JavaScript.

Las funciones de auto-invocación en JavaScript son las funciones anónimas de la autoevaluación que se llaman después de su definición. Estas funciones de JavaScript pueden ejecutarse inmediatamente cuando se les sigue el conjunto de paréntesis ().

Esta redacción discutirá las funciones de auto-invocación, la sintaxis y su trabajo en JavaScript. Además, también demostraremos la diferencia entre las funciones de JavaScript normales y autoinvocantes en términos de estructura de sintaxis y trabajo. Entonces, comencemos!

¿Cuáles son las funciones de autoinvocamiento en JavaScript?

En JavaScript, un "Autosuficiente"La función es un tipo de función que se invoca o se llama automáticamente después de su definición. La ejecución de dicha función anónima se realiza encerrándola en un conjunto de paréntesis seguido de otro conjunto de paréntesis.

Las diferentes tareas de inicialización pueden tomar beneficios del uso de las funciones de autoinvocamiento. Por ejemplo, las funciones de autoinvocamiento pueden ser una herramienta fantástica para adjuntar a los oyentes de eventos a los elementos DOM de una página web. Estas funciones solo pueden ejecutarse una vez, por lo que no llenan todo tipo de cuajada en el espacio de nombres global que durará de acuerdo con la vida útil de la página web.

Cómo funcionan las funciones autoinvocadoras en JavaScript

Como las funciones de autoevocamiento se definen de forma anónima en JavaScript, no hay variables locales o globales, excepto las declaraciones en el cuerpo de las funciones. Cuando inicializa una función de auto-invocación, se ejecuta inmediatamente y se puede ejecutar una vez. No se guardará ninguna referencia para la función de auto-invocación, incluido el valor de retorno.

Las funciones de JavaScript autoinvocadoras se utilizan principalmente para variables de alcance en JavaScript. Debido a que estas funciones son anónimas, su expresión adicional se invoca sin ningún cierre de identificador o modificación del alcance.

Sintaxis de funciones de autoinvocamiento en JavaScript

Ahora, vamos a ver la sintaxis de las funciones de auto-invocación en JavaScript:

(función (parámetros)
// cuerpo de la función
) (argumentos);

Aquí el "argumentos"¿Son las referencias de objetos globales pasadas a la función de auto-invocación?. Las variables que definirá en el cuerpo de su función de auto-invocación solo son accesibles dentro de la misma función.

Ejemplo: Uso de funciones de autoinvocación en JavaScript

En el siguiente ejemplo, definiremos una función de autoinvocamiento que se imprime "Hola! Me estoy llamando"Tan pronto como se ejecuta el código de definición de la función. Tenga en cuenta que no tenemos que llamar a la función de autoinvocadura definida nosotros mismos:




Funciones de autoinvocamiento





Puede ejecutar el anterior en su editor de código favorito o en cualquier Sandbox de codificación en línea; Sin embargo, utilizaremos el JSBIN para el propósito de demostración:

Ahora, consulte la salida generada por la función definida de auto-invocación:

Ejemplo2: Diferencia entre la función de auto-invocación y la función normal

Si es un principiante de JavaScript, entonces en este punto, puede confundirse entre la sintaxis y la funcionalidad de una función normal y una función de autoinvocación. No hay problema! Esta sección lo ayudará a este respecto.

La primera y la diferencia básica entre la función de auto-invocación y la función normal es que debe definir un nombre propio para una función normal en JavaScript y luego llamarlo por su nombre específico, mientras que las funciones de autoevocamiento se definen de forma anónima y invocado automáticamente.

Por ejemplo, para definir una función normal en JavaScript, seguiremos la sintaxis dada a continuación:

función functionName ()

// cuerpo de la función
;

Para llamar a la función definida en algún lugar de su código JavaScript, debe utilizar el nombre de la función:

nombre de la función();

Ahora, en el código dado a continuación, hemos definido una normalidad "testFunc ()"Función que imprimirá el"Esto es linuxhint.comunicarse"Cadena después de llamarlo en el código:




Funciones normales en JavaScript




Aquí está el resultado que obtuvimos de la ejecución del código anterior:

Ahora, definiremos una función de autoinvocamiento que también generará la misma cadena que hizo la función normal. Para hacerlo, escriba el siguiente código e inicie la ejecución:




Funciones de auto-invocación en JavaScript





La salida declara que la función de JavaScript autoinvocatoria se ha ejecutado con éxito sin ser llamado en el programa:

Conclusión

Autosuficiente La función es un tipo de función que se invoca o se llama automáticamente después de su definición cuando se sigue el conjunto de paréntesis () y utilizado principalmente para las tareas de inicialización. Este artículo demostró la sintaxis y el uso de las funciones de auto-invocación en JavaScript para envolver el código dentro de un alcance de la función. Además, la diferencia entre las funciones normales y las funciones de autoinvocamiento en JavaScript también se demuestra con la ayuda de algunos ejemplos.