📖 ¿Qué es un callback en JavaScript? Tutorial desde cero

[@ElieserDamianCastroEusebioCast]

No sabes lo mal que lo he pasado buscando información sobre los callbacks. Eres el primero que escucho decir "Todo en Js tiene callback" y aunque parece tonteria los que venimos de otros lenguajes esto no nos lo esperamos. Ese comentario me ayuda a cambiar el enfoque cuando usamos build-in dentro de Javascript y al menos en mi caso este video me ha ayudado bastante

[@leikergomez8973]

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!

[@adalobregon7937]

Justo estoy estudiando este tema, pero tus explicaciones son las mejores!! Gracias 🙌🏼

[@hannsmp2827]

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) }) ```

[@asalvaz]

edad => { console.log(edad); } Cuando una función flecha recibe un solo parametro los parentesis son opcionales

[@MatiasCecciDev]

Eres un crack, explicar conceptos de manera simple

[@Juicio87]

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

[@spiderdev5166]

Perfectamente explicado! LIKE!

[@midulive]

Gracias! 😊

[@joseavilasg]

Muy buena explicación. La confusión entre parámetro y argumento es muy común.

[@raulurielsilvaramirez8414]

Muchas gracias...no había entendido muy bien el tema, pero con este video ya me hago una mejor idea de lo que es

[@midulive]

Me alegro que te sirva! :D

[@marlonm]

Estudiando este tema me encuentro con tu video y mejor explicado no se puede encontrar. Gracias midu.

[@Odesza-777]

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 🤔

[@marlonm]

@@Odesza-777 Revisa el canal de Jon Mircha. Tiene un curso de JS muy completo.

[@Odesza-777]

@@marlonm gracias bro justo he visto videos de él, los veré todos👍😁

[@marlonm]

@@Odesza-777 Sí, son excelentes.

[@Odesza-777]

@@marlonm si, ey bro tu ya tienes empleo, en mi caso soy autodidacta tengo 22 no pude ir a la universidad ahí estamos

[@aaronfabriciosantacruzvald8101]

en 7 min aprendí lo que no pude en una semana

[@midulive]

☺️😊😊😊😊

[@juancholml]

tienes uno explicando async await? explicas super bien 🤯🤯🤯

[@directo7518]

exclemte estoy aprendiendo y creo qie esto simplifica mucho una calculadora qur estoy armando gracias x ayudar 👍

[@midulive]

Con mucho gusto!!!

[@directo7518]

@@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 ...

[@percypm2588]

gracias Midu!!! eres grande 👍

[@sebamartinez6725]

Cómo se puede configurar para que las letras se vean con ese borde birllante?

[@alexanderguillermor9519]

bien ahi explicando los conceptos

[@devgus2247]

Muchas gracias, al fin pude entenderlo bien, like y sub

[@hernatiable]

Excelente video!!!... consulta, no usas ; por algo en particular?

[@midulive]

Me da pereza escribir jajaja

[@alanbalvin7731]

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

[@midulive]

Lo bueno de los vídeos es que, por más acelerador que tengan, se pueden pausar y hasta poner a mitad de velocidad.

[@urielolivares2749]

Gracias, voy a ver si el código me funciona ahora, copiando lo que tienes ahí.

[@midulive]

Perfecto!!

[@urielolivares2749]

@@midulive no funcionó, bro, yo lo que andaba buscando eran las promesas, pero buen video. xd

[@guaytrapa]

Muchas gracias miduuu lo necesitaba ✌️❤️

[@Hugo-xh3bi]

Master estoy aprendiendo este tema justo estos días, gracias!!

[@YusufSalahAdDin]

Lo leo en la documentación y no lo entiendo tan rápido como cuando veo este video!

[@ohiwantyoutobelieve]

Muy claro, ty

[@dannysolano8183]

Graciad midu me has ayudado un monton

[@geometrydashjowinator1936]

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??

[@berioskamonroybasoalto5317]

me encantas :D gracias!!

[@midulive]

😊😊😊

[@GAST0N]

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.

[@theratzinger]

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:

[@GAST0N]

​@@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.

[@eca8799]

@@GAST0N podrías explicarmelo?

[@GAST0N]

​@@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.

[@santiagocalero-kr8in]

¿Cómo se llama ese editor de código? Está bastante bonito

[@joseavilasg]

RunJS

[@davidnelson2412]

Alguien sabe qué extensión usa para que salga la consola al lado?

[@Leonardo_Vargas]

me puedes decir que tipo de letras utilizas ?

[@eca8799]

buenisimo el mejor

[@Ruthless507]

Los callback no son propios solamente de javascript, en otros lenguajes también se puede hacer pero en javascript abunda mas

[@felibass]

Hola genio, ¿Qué herramienta utilizas para ir ejecutando el código al instante?

[@edwinberrones5570]

runjs

[@xxz-h7i]

**mi definicion ** un callback es una función que se ejecuta a partir de uncambio en un evento(pulsar un botón) o pasado un tiempo (setTimeOut) el cual interrumpe el flujo de ejecución en javascript esto yo lo asimilaria a lo que son las funciones lambda en python

[@moisesvargasichpas4805]

¿que tiene que ver con Async o Promesa para que estas la reemplazaran?

[@cleaner98]

Que con promesas o Async/Await el código es más limpio.

[@fahe8993]

Midu tiene un video explicando promises vs callbacks: kzbin.info/www/bejne/nKPQYXZ-rsqGmKc

[@22bears]

Hola Midu! que IDE usas para que las letras se vean glowy?

[@kevyyar]

Synthwave 84

[@k4m4ch0]

Visual studio code

[@22bears]

@@k4m4ch0 gracias Kendall. cómo se llama la extensión?

[@k4m4ch0]

Synthwave 84 hay que descargarla y activarla, busca un vídeo de acerca de la activación

[@22bears]

@@k4m4ch0 muchas gracias bro!

[@adri123161]

Gracias papá

[@vinzegonzalesgamboa1908]

han pasado 3 anhos para porfin entender que es un callback

[@psluigisuarez]

Que genio

[@alexisandersonromerocorrea3559]

Crack!!!

[@maclaren33]

Creo q si la. Función no se ejecuta al final también podría ser llamada callback

[@terry-]

Genial!

[@JeanSantos97]

En Angular un suscribe también es un callback

[@alexmontalvoreyes3075]

Al final me quedé con la duda de la diferencia entre parámetro y argumento :(

[@AR7editing]

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?

[@alexmontalvoreyes3075]

@@AR7editing gracias, tu explicación si lo entendí

[@leandropalavecino7179]

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!!!

[@psicodelico6]

Funciones de primer orden

[@asbeldev3071]

Capo

[@alejandropiernavieja2753]

puede explicar sin molestarse

[@nordic5272]

No entendí nada.

[@shoori1131]

No entendi