JavaScript Funciones anónimas

Resumen: en este tutorial, aprenderás sobre las funciones anónimas de JavaScript.

Introducción a las funciones anónimas de JavaScript

Una función anónima es una función sin nombre. Una función anónima a menudo no es accesible después de su creación inicial.

Lo siguiente muestra una función anónima que muestra un mensaje:

Code language: JavaScript (javascript)

En este ejemplo, la función anónima no tiene nombre entre la palabra clave function y los paréntesis ().

Como necesitamos llamar a la función anónima más tarde, asignamos la función a la variable show.

Usando funciones anónimas como argumentos de otras funciones

A menudo usamos funciones anónimas como argumentos de otras funciones. Por ejemplo:

Code language: JavaScript (javascript)

En este ejemplo, pasamos una función anónima a la función setTimeout(). La función setTimeout() ejecuta esta función anónima un segundo después.

Tenga en cuenta que las funciones son los ciudadanos de primera clase en JavaScript, por lo que puede pasar una función a otra como argumento.

Ejecución de función invocada inmediatamente

Si desea crear una función y ejecutarla inmediatamente después de la declaración, puede utilizar la función anónima así:

Code language: JavaScript (javascript)

Cómo funciona.

En primer lugar, lo siguiente define una expresión de función:

Code language: JavaScript (javascript)

En segundo lugar, los paréntesis finales () le permiten llamar a la función:

Code language: JavaScript (javascript)

y, a veces, es posible que desee pasar argumentos en ella, así:

Code language: JavaScript (javascript)

Funciones de flecha

ES6 introdujo la expresión de función de flecha que proporciona una forma abreviada para declarar funciones anónimas:

Por ejemplo, esta función:

Code language: JavaScript (javascript)

… puede acortarse utilizando la siguiente función de flecha:

Code language: JavaScript (javascript)

De forma similar, la siguiente función anónima:

Code language: JavaScript (javascript)

… es equivalente a la siguiente función de flecha:

Code language: JavaScript (javascript)

Resumen

  • Las funciones anónimas son funciones sin nombre.
  • Las funciones anónimas pueden utilizarse como argumento de otras funciones o como ejecución de una función inmediatamente invocada.
  • ¿Ha sido útil este tutorial?
  • SíNo

Deja un comentario