¿Qué es la función de devolución de llamada js?

En Javascript, las funciones son objetos de primera clase, lo que significa que las funciones se pueden utilizar como objetos con gestión de primera clase. Dado que las funciones son en realidad objetos: pueden "almacenarse" en variables, pasarse como parámetros de función, crearse dentro de funciones y devolverse desde funciones.

Debido a que las funciones son objetos de primera clase, podemos usar funciones de devolución de llamada en Javascript. En el siguiente artículo, aprenderemos todo sobre las funciones de devolución de llamada. Las funciones de devolución de llamada son probablemente la técnica de programación funcional más utilizada en Javascript. Aunque literalmente parecen una pequeña pieza de código Javascript o jQuery, siguen siendo un misterio para muchos desarrolladores. Después de leer este artículo, podrá comprender cómo utilizar las funciones de devolución de llamada.

Las funciones de devolución de llamada son un concepto derivado de un paradigma de programación llamado programación funcional. En pocas palabras, la programación funcional consiste en utilizar funciones como variables. La programación funcional no era, ni sigue siendo, ampliamente utilizada; solía ser vista como una técnica secreta reservada para programadores de nivel maestro especialmente capacitados.

Afortunadamente, la técnica de programación de funciones ahora se ha aclarado bien para que la gente común como tú y yo podamos usarla fácilmente. Uno de los principales trucos de la programación funcional son las funciones de devolución de llamada. En el siguiente contenido, encontrará que implementar una función de devolución de llamada es en realidad tan simple como pasar parámetros a una función normal. Esta técnica es tan simple que a menudo me pregunto por qué se incluye a menudo en capítulos sobre técnicas avanzadas de Javascript.

Explica qué es una función de devolución de llamada o de orden superior

Una función de devolución de llamada, también conocida como función de orden superior, es una función que se pasa como parámetro a otra función ( Aquí nos referimos a otra función llamada "otra función"), la función de devolución de llamada se llama en otra función. Una función de devolución de llamada es esencialmente un patrón de programación (una solución creada para un problema común), por lo que el uso de funciones de devolución de llamada también se denomina patrón de devolución de llamada.

El siguiente es un ejemplo simple y común del uso de funciones de devolución de llamada en jQuery:

/Tenga en cuenta que el método click es una función en lugar de una variable

/ / Es la función de devolución de llamada

$("#btn_1").click(function() {

alert("Btn 1 Clicked");

}) ;Como vio en el ejemplo anterior, pasamos una función como parámetro al método click. El método click llamará (o ejecutará) la función que le pasamos. Este es un uso típico de las funciones de devolución de llamada en Javascript y se usa ampliamente en jQuery.

El siguiente es otro ejemplo de una función de devolución de llamada típica en Javascript:

var friends = ["Mike", "Stacy", "Andy", "Rick"];

var amigos = ["Mike", "Stacy", "Andy", "Rick"];

p>

amigos.forEach(función (cadaNombre, índice){

console.log(index 1 ". " eachName); // 1. Mike, 2. Stacy, 3. Andy, 4

}); pasó una función anónima (una función sin nombre) como parámetro al método forEach.

Hasta ahora, hemos pasado funciones anónimas como argumentos a otra función o método. Antes de ver ejemplos más prácticos y escribir nuestras propias funciones de devolución de llamada, comprendamos cómo funcionan las funciones de devolución de llamada.