📖 ¿Qué es un callback en JavaScript? Tutorial desde cero
Vložit
- čas přidán 16. 03. 2022
- Una función de callback es una función que se pasa a otra función como un argumento, que luego se invoca dentro de la función externa para completar algún tipo de rutina o acción.
▶ No te pierdas más directos en: / midudev - Věda a technologie
Justo estoy estudiando este tema, pero tus explicaciones son las mejores!! Gracias 🙌🏼
Gracias Midu, has ganado un suscriptor, te sigo en tiktok. Justo tu video me salió al buscar en youtube para aclarar mis dudas en callbacks, luego de muchos videos, lo acabo de entender contigo, gracias!
muchas gracias entendí muy bien, buscaba la forma de asimilar una función que use un callback y que funcione idénticamente al forEach(), me sirvió de mucho gracias ^ ^
```js
const edades = [12,34,25,31,52];
function nombre(array, callback){
for(let i = 0; i < array.length; i++){
callback(array[i]);
}
}
nombre(edades,(edad)=>{
console.log(edad)
})
```
edad => { console.log(edad); }
Cuando una función flecha recibe un solo parametro los parentesis son opcionales
Eres un crack, explicar conceptos de manera simple
Muy buena explicación. La confusión entre parámetro y argumento es muy común.
Master estoy aprendiendo este tema justo estos días, gracias!!
Muchas gracias...no había entendido muy bien el tema, pero con este video ya me hago una mejor idea de lo que es
Me alegro que te sirva! :D
Muchas gracias miduuu lo necesitaba ✌️❤️
Perfectamente explicado!
LIKE!
Gracias! 😊
gracias Midu!!! eres grande 👍
Graciad midu me has ayudado un monton
Muchas gracias, al fin pude entenderlo bien, like y sub
en 7 min aprendí lo que no pude en una semana
☺️😊😊😊😊
Cómo se puede configurar para que las letras se vean con ese borde birllante?
tienes uno explicando async await? explicas super bien 🤯🤯🤯
bien ahi explicando los conceptos
buenisimo
el mejor
exclemte estoy aprendiendo y creo qie esto simplifica mucho una calculadora qur estoy armando gracias x ayudar 👍
Con mucho gusto!!!
@@midulive vi que hiciste una calculadora, y quería saber si me darias una guia ya que, deseo inprimir en 1 imput i varios nros y a la vez que este se vaya actualizando, eh probado con .reset(), input.target pero no me imprime y no me borra el que ya esta ...
Estudiando este tema me encuentro con tu video y mejor explicado no se puede encontrar. Gracias midu.
Estoy en Javascript que vídeo me recomiendas desde cero y que expliqué estos temas también, también eso de promesas, algún canal que conoces tío 🤔
@@Odesza-777 Revisa el canal de Jon Mircha. Tiene un curso de JS muy completo.
@@marlonm gracias bro justo he visto videos de él, los veré todos👍😁
@@Odesza-777 Sí, son excelentes.
@@marlonm si, ey bro tu ya tienes empleo, en mi caso soy autodidacta tengo 22 no pude ir a la universidad ahí estamos
me encantas :D gracias!!
😊😊😊
No os podéis imaginar la cantidad de gente, incluso expertos, que te mezclan el término argumentos y parámetros...para alguien que aprende esto es catastrófico, por suerte con práctica y estudio se aprende lo que es cada uno pero no se le suele dar importancia a la diferenciación de estos dos términos y repito, para alguien que empieza puede ser terrible para él
Alguien sabe qué extensión usa para que salga la consola al lado?
Muy claro, ty
Que genio
Gracias, voy a ver si el código me funciona ahora, copiando lo que tienes ahí.
Perfecto!!
@@midulive no funcionó, bro, yo lo que andaba buscando eran las promesas, pero buen video. xd
Excelente video!!!... consulta, no usas ; por algo en particular?
Me da pereza escribir jajaja
Gracias papá
¿Cómo se llama ese editor de código? Está bastante bonito
RunJS
Crack!!!
me puedes decir que tipo de letras utilizas ?
Vine a aclarar que es un callback (que por cierto me lo dejaste clarísimo) pero ahora tengo una duda mas grande, cual es ese theme que tienes para vs code??
Genial!
Lo leo en la documentación y no lo entiendo tan rápido como cuando veo este video!
Después de ver videos, videos y leer en Internet.... sigo sin entender. Entiendo cómo funcionan las callbacks, pero no logro entender cómo se usan para la asincronía. En todos los lugares explican que JavaScript al ser síncrono, sólo ejecuta una cosa a la vez y hasta que no haya terminado de ejecutarla, no pasará a la siguiente función. Por lo cuál si una función tiene una demora en ejecutarse, bloquea todo el código que tiene por debajo. Entonces los callbacks, como las promise o async - await, nos sirven para trabajar de forma asíncrona y que no se bloquee el código. ¿Cómo lo hacen? No lo sé, después de ver videos y videos y videos... sigo sin entenderlo.
Supongamos que tienes un setTimeOut que te muestra "Hello World" después de 60 segundos (asincrónica), por otro lado tienes otras funciones que corren de manera síncrona y después de un minuto aparece el "Hello world", ambas tareas se desarrollaron al mismo tiempo (paralelismo) y por lo que entiendo en tu comentario es cómo esto es posible si se supone que solo puede realizar una tarea a la vez. En este ejemplo que te dí ambas tareas las lleva acabo el mismo navegador con el mismo procesador de tu PC, la respuesta está en que cualquier sistema operativo moderno haciendo multitarea con un único core simplemente trocea las tareas en tareas más pequeñas y las entrelaza, de modo que cada una de ellas se ejecutará durante un breve instante. Sin embargo, a largo plazo, la impresión es que todas progresan a la vez. Ahora, cuando hacemos un request a un servidor externo esto demorará tiempo, esta petición la haremos de manera asíncrona para que cuando el servidor externo que estuvo trabajando todo este tiempo tenga la respuesta, la entregue mientras tu navegador estuvo realizando otras funciones y al finalizar tu función callback te muestre algo como "ha llegado la información solicitada" por poner un ejemplo sencillo.
Espero haber resuelto tu duda 🙌
Si quieres profundizar te dejo este link:
@@theratzinger Gracias por tomarte la molestia de responder y explicar. Ayer pude terminar de entenderlo. Creo que el problema es que hay mucha gente que enseña y no saben simplificar una idea para dejar en claro un concepto, más cuando un tema puede ser complejo.
Si puedes agarrar un tema complejo y explicarselo a un niño de 12 años y que le quede claro el concepto, entonces sabes enseñar. Una vez claro el concepto, se puede profundizar más el tema hasta la complejidad.
Veo que mucha gente, como yo, se han confundido hasta marearse con el tema de la asincronía, las callbacks, promesas, etc. Cuando en realidad es fácil de aprender si se parte de una idea simple y se habla de forma clara. Dejando en claro qué es, para qué es y cómo se usa.
@@GAST0N podrías explicarmelo?
@@eca8799 Las callbacks son funciones que se pasan como parámetros a otras funciones. Lo importante es saber que esto se utiliza para: asegurarnos de que un código NO se va a ejecutar hasta que otro código haya terminado de ejecutarse.
Esto es útil para trabajar la asincronía. Por ej. cuando trabajamos con una API, puede demorar mucho tiempo en procesar una solicitud, entonces no sabemos cuando se va a completar esa función. Pero queremos que se ejecute un código luego de que se haya completado.
Los callback no son propios solamente de javascript, en otros lenguajes también se puede hacer pero en javascript abunda mas
Hola genio, ¿Qué herramienta utilizas para ir ejecutando el código al instante?
runjs
Hola Midu! que IDE usas para que las letras se vean glowy?
Synthwave 84
Visual studio code
@@k4m4ch0 gracias Kendall. cómo se llama la extensión?
Synthwave 84 hay que descargarla y activarla, busca un vídeo de acerca de la activación
@@k4m4ch0 muchas gracias bro!
han pasado 3 anhos para porfin entender que es un callback
Capo
¿que tiene que ver con Async o Promesa para que estas la reemplazaran?
Que con promesas o Async/Await el código es más limpio.
Midu tiene un video explicando promises vs callbacks:
czcams.com/video/frm0CHyeSbE/video.html
De repente le metes acelerador a tus explicaciones que no te puede uno seguir el ritmo pero también es una forma de aprender ver a alguien programando en el mundo real
Lo bueno de los vídeos es que, por más acelerador que tengan, se pueden pausar y hasta poner a mitad de velocidad.
Creo q si la. Función no se ejecuta al final también podría ser llamada callback
En Angular un suscribe también es un callback
Al final me quedé con la duda de la diferencia entre parámetro y argumento :(
parámetro es el dato ficticio que se pide al crear una función, argumento es el dato real, el que se usa al llamar la función, ejemplo
function suma(parámetro1, parámetro2){
return parámetro1 + parámetro2
}
ahora cuando llamamos suma se pasan los argumentos, que son los datos reales
suma(1,2)
1 y 2 serían los argumentos, ¿entendiste?
@@AR7editing gracias, tu explicación si lo entendí
Funciones de primer orden
Ya hice un juego con api, sql y hasta encriptacion con SHA 256. Es mas creo que hasta le implemente el nuevo sistema Cuantico chino con tecnologia aeroespacial. Pero todavia no entiendo como funciona un pinche Colpack!!!
puede explicar sin molestarse
No entendi
No entendí nada.