Las funciones de devolución de llamada en JavaScript

En JavaScript, los programadores pueden definir las unidades de código, incluyendo las variables y funciones. funciones de JavaScript también pueden recibir parámetros, con el código de llamar a una función que pasa estos parámetros, ya sea como variables o valores. También es posible pasar una referencia a otra función como un parámetro. Una función de devolución de llamada es típicamente uno que se llama cuando otra función termina de ejecutarse. Por esta razón, las funciones de devolución de llamada a menudo aparecen como parámetros a otras funciones.

Definición de devolución de llamada

Para implementar una función de devolución de llamada, el código JavaScript en una página debe definir primero la función. El código de ejemplo siguiente define una función y almacena una variable de referencia a la misma:
var callbackDefinition = function (numParam) {alert (numParam); };

La función utiliza un parámetro numérico para la demostración. La función de devolución de llamada puede contener cualquier código JavaScript una función estándar podría incluir. Ahora, el código será capaz de pasar una referencia a la función como parámetro a otra función, utilizando el nombre de la variable.

El parámetro de devolución de llamada

Una vez que una secuencia de comandos tiene una función definida como una variable, que puede pasar esa variable como parámetro a otra función. El siguiente código de ejemplo muestra la técnica:
mainFunction (10, callbackDefinition);

Este código llama a una función llamada, pasando un parámetro número y el nombre de la variable que almacena el código de función de devolución de llamada. El contorno de la función que se llama aquí debe coincidir con estos dos parámetros. La función de devolución de llamada que recibe la variable será capaz de llamar a la función que almacena.

La ejecución de funciones

Una vez pasado a la función principal, una función de devolución de llamada puede ser ejecutado. El siguiente código de ejemplo muestra:
función mainFunction (myNum, callbackFn) {
alerta (myNum);
callbackFn (myNum * 2);
}

Para la demostración, este código genera primero una alerta de JavaScript que hará que un cuadro de diálogo que aparece en el navegador del usuario. Una vez que este código se ejecuta, la función llama a la función de devolución de llamada usando el nombre especificado como parámetro. La llamada a la función de devolución de llamada incluye un parámetro numérico, que se espera por la función que se definió inicialmente como una variable.

función de llamada

Una vez que una página tiene una función definida, incluyendo una devolución de llamada, se puede ejecutar el código. A menudo, los desarrolladores indican al navegador para escuchar un evento de usuario, ejecutar funciones cuando esto ocurre. Por ejemplo, el siguiente código HTML llama a una función:
<Div onclick = "DoCallBack ()"> Aquí está una sección de click-poder </ div>

Si la función especificada como parámetro contiene la definición de la variable de devolución de llamada y la llamada a la función principal, esto creará el efecto de devolución de llamada, de la siguiente manera:
DoCallBack funcionar () {
var CallFn = function (numParam) {alert (numParam); };
mainFunction (10, CallFn);
}

Una vez que la función principal ejecuta su propio contenido del código, se llama a la función de devolución de llamada.