Comprender las devoluciones de llamada en JavaScript
Las devoluciones de llamada son funciones que se pasan como argumentos a otras funciones y se ejecutan más adelante. Le permiten ejecutar un fragmento de código en un punto específico de la ejecución de otra función, sin tener que conocer el momento exacto o la ubicación de ese código. En JavaScript, las devoluciones de llamada se usan comúnmente para manejar operaciones asincrónicas, como hacer un HTTP. solicitar o configurar un temporizador. La función de devolución de llamada se pasa como argumento a la función principal y se ejecuta cuando se completa la operación asincrónica. A continuación se muestra un ejemplo del uso de una función de devolución de llamada en JavaScript:
```
function makeRequest(callback) {
// Hacer una Solicitud HTTP aquí
// ...
callback();
}
makeRequest(function() {
console.log("Solicitud completada");
});
```
En este ejemplo, la función `makeRequest` toma una función de devolución de llamada como argumento y ejecuta esa función cuando se completa la solicitud HTTP. La función de devolución de llamada se pasa como argumento a la función `makeRequest` y se ejecuta cuando se completa la solicitud. Las devoluciones de llamada también se pueden usar con promesas, que le permiten manejar operaciones asincrónicas de una manera más estructurada. A continuación se muestra un ejemplo del uso de una función de devolución de llamada con una promesa:
```
function makeRequest(callback) {
// Realiza una solicitud HTTP aquí
// ...
Promise.resolve().then(callback);
}
makeRequest(function() {
console.log("Solicitud completada");
});
```
En este ejemplo, la función `makeRequest` devuelve una promesa, que luego se resuelve con la función de devolución de llamada. La función de devolución de llamada se ejecuta cuando se resuelve la promesa, que es cuando se completa la solicitud HTTP. Las devoluciones de llamada también se pueden utilizar con eventos, como clics del mouse o pulsaciones de teclas. A continuación se muestra un ejemplo del uso de una función de devolución de llamada con un detector de eventos:
```
document.getElementById("myButton").addEventListener("click", function() {
console.log("Botón hecho clic");
} );
```
En este ejemplo, el método `addEventListener` se llama en un elemento de botón HTML y pasa una función de devolución de llamada como argumento. Cuando se hace clic en el botón, se ejecuta la función de devolución de llamada y registra un mensaje en la consola.
Me gusta este vídeo
No me gusta este vídeo
Informar de un error de contenido
Compartir
