// callback = a function that is passed as an argument // to another function. // used to handle asynchronous operations: // 1. Reading a file // 2. Network requests // 3. Interacting with databases // "Hey, when you're done, call this next." hello(goodbye); function hello(callback){ console.log("Hello!"); callback(); } function goodbye(){ console.log("Goodbye!"); }
exactly always got me lost when other youtubers keep on repeating something like, we put another function inside a function as a paramether and in the function block we call back to the function a callback function, that is why it is called a callback function. And then they continue on giving an example of either a function with another function as parameter, or array functions console logging the elements when iterating through the elements. Like why would console log be a callback function, they never explain, This video explains everything to me. Thanks!!!
Anytime I'm learning something new and struggling, I watch a BroCode video and walk away totally getting it. I LOVE how everything is clear and concise and not a lot of needless rambling.
Finally, I understood this. The concept was very confusing when others tried to explain it, and this video made it very simple to understand. Thank you for breaking it down.
the profile pic is on spot. you're a giga chad for this vid, i needed someone else to explain this to me cuz i could not understand it from my teacher, thx.
Thank You so much before this video I was not able to understand this concept , I am now able to understand better .... Pls provide more such informative videos like this... ❤
Hi, okay, I want to congratulate you for this incredible work, where you share your knowledge. I want to ask a question about how I render the results of the code in the console, so I know how to do it with HTML
Add the relevant script tag in your HTML file and set the src to your javascript file, then go live from your vs code, then navigate to your console in your browser, you will see the changes rendered as you code.
One thing I believe could have been clarified is that callback() does not actually WAIT for the line of code above it to be done. If the line above is asynch, it will call callback() first.
Simple explanation, however I found the example of setTimeout to be open to misinterpretation or a little misleading. If we invoke the callback goodbye after a setTimeout function, the callback would still be logged first. I think due to setTimeout using a callback itself which interacts with the event loop and event queue.
So what's the difference between using a function as callback and just calling the function from inside the one which will take some time to finish? Wouldn't this accomplish the same thing? Thanks for the video!
Both works same in most of the cases but there are some points to be consider: 1 ) callback program flow is more controllable 2 ) asynchronous operation execution for e.g in video goodbye is executing later if we write normal hello function and call goodbye function in hello function and after calling goodbye function write another code then if goodbye function takes time to execute then other code after goodbye call will also has time delay . which is not happen in call back case . HOPE THIS HELP : )
hi, and thanks for your videoes, I have a question: why the folowing code didn't work correctly? and show "two" befor "one" one(two); function one(callback) { setTimeout(() => { console.log("One!"); }, 4000); callback(); } function two() { console.log("Two!"); }
Been banging my head over this since a week. LIke I understand the whole concept but always failing to put it into use. the creation is not coming to me automatically and organically. Any other ways I can improve writing callbacks? the difficulty I am having is the writing the whole thing in a correct order. I have seen many coders write this differently.
// callback = a function that is passed as an argument
// to another function.
// used to handle asynchronous operations:
// 1. Reading a file
// 2. Network requests
// 3. Interacting with databases
// "Hey, when you're done, call this next."
hello(goodbye);
function hello(callback){
console.log("Hello!");
callback();
}
function goodbye(){
console.log("Goodbye!");
}
@BroCodez Django course please
Bro i subscribed and liked can you make django course
Bro can you do Kali Linux ?
I love the way you explain. Those other youtubers had me lost.
Right!!!
exactly always got me lost when other youtubers keep on repeating something like, we put another function inside a function as a paramether and in the function block we call back to the function a callback function, that is why it is called a callback function. And then they continue on giving an example of either a function with another function as parameter, or array functions console logging the elements when iterating through the elements. Like why would console log be a callback function, they never explain, This video explains everything to me. Thanks!!!
Honestly callbacks really left me confused. This is by far the best explanation I’ve watched. Tysm ❤
True
Bro, this was the easiest explanation I've ever seen. Thank you!
Anytime I'm learning something new and struggling, I watch a BroCode video and walk away totally getting it. I LOVE how everything is clear and concise and not a lot of needless rambling.
I love how you explain complex topics like this. You really helps me a lot.
Fell like I'm finally understanding js. Thanks BRO! Greetings from Colombia!
one of the greatest explanation i have ever seen
Finally, I understood this. The concept was very confusing when others tried to explain it, and this video made it very simple to understand. Thank you for breaking it down.
You explained this in the simplest way possible bro! Now I love the “Bro Code” Channel!
This is my seal. I have watched the entire video, understood it, and I can explain it in my own words, thus I have gained knowledge. This is my seal.
Thank you for those example codes. Those really help with understanding the concept in-and-out of the box.
Man ur the goat no one explains like u do many thanks
Such a beautiful explanation, Bro...earned a sub!!
The only freaking madlad that never disappoints. Only one.
Amazing, pretty simple explanation. Good stuff
the profile pic is on spot. you're a giga chad for this vid, i needed someone else to explain this to me cuz i could not understand it from my teacher, thx.
@BroCodez : an impressive way to teach...
A lot to learn in just 7 minutes
Love from Lahore, Pakistan
And i finally understand. Greetings from Ireland x
bro i am not understanding the callback since yesterday after ur explanation i m going to subscribe u ASAP!!
Amazing Explanation . Thank you so much
THANK YOU SO MUCH😭. I really needed this⭐
This was very helpful mate. Thanks! Appreciate your work.
Your videos helped me understand JS although i have already watched a lot of videos on JS. Thanks Bro!
You're the best, love from argentina!!
liked the way u explained things so simple and clear keep posting
💌
Thank You so much before this video I was not able to understand this concept , I am now able to understand better .... Pls provide more such informative videos like this... ❤
the most simple and human understandable explanation thanks bro code
best video on func callback thks man.
Thank you so much for making it so simple and understandable ❤
Thanks for explaining callback function.
Thanks for this wonderful explanations I understand this in easy way thanks bro🎉
this was the video that finally helped this click with me. thank you!!!
Dang! That was a good explanation!!!
Great explanation 👍
good explanation!
i got it, thank you your the best !
You are the best!
Truely you're the best.
randomComment()
// LOVE YOU BRO CODE THANKS YOU!
Thank you ❤
legend!!
Hi, okay, I want to congratulate you for this incredible work, where you share your knowledge. I want to ask a question about how I render the results of the code in the console, so I know how to do it with HTML
Add the relevant script tag in your HTML file and set the src to your javascript file, then go live from your vs code, then navigate to your console in your browser, you will see the changes rendered as you code.
this guy is insane
legend
One thing I believe could have been clarified is that callback() does not actually WAIT for the line of code above it to be done. If the line above is asynch, it will call callback() first.
What do you know about promises? Would be interesting to see something about it!
we need call-back mechanism to ensure that one function is called after another function sequentially ?
Simple explanation, however I found the example of setTimeout to be open to misinterpretation or a little misleading.
If we invoke the callback goodbye after a setTimeout function, the callback would still be logged first. I think due to setTimeout using a callback itself which interacts with the event loop and event queue.
if you had explained it using the setTimeout function itself it would have been much easier to understand i think , but thankyou.
cool
Goat!
still confused.
Thanks Bro!!
But if you use the setTimeout, then even with callback, bye is displayed first.....what's happening here?
i think setTimeout will run only after callback is done, this is 3 mo idk if it helps still
So what's the difference between using a function as callback and just calling the function from inside the one which will take some time to finish?
Wouldn't this accomplish the same thing?
Thanks for the video!
I have the same question or is that even a callback function too?
Both works same in most of the cases but there are some points to be consider:
1 ) callback program flow is more controllable
2 ) asynchronous operation execution for e.g in video goodbye is executing later if we write normal hello function and call goodbye function in hello function and after calling goodbye function write another code then if goodbye function takes time to execute then other code after goodbye call will also has time delay . which is not happen in call back case .
HOPE THIS HELP : )
hi,
and thanks for your videoes, I have a question:
why the folowing code didn't work correctly? and show "two" befor "one"
one(two);
function one(callback) {
setTimeout(() => {
console.log("One!");
}, 4000);
callback();
}
function two() {
console.log("Two!");
}
thank you
Been banging my head over this since a week. LIke I understand the whole concept but always failing to put it into use. the creation is not coming to me automatically and organically. Any other ways I can improve writing callbacks? the difficulty I am having is the writing the whole thing in a correct order. I have seen many coders write this differently.
Django course please
Thank you bro code
best
is it AJAX ?
Hi bro code please make small small project using function object array
chad
Bro Django please 🥲
What is that , is it good?
@@hungry_khid1007 Yes, of course. It looks like python
This callback function seems complicated.
if the world ever has international code organization type shi Bro Code should be the president of it
Bro react
HI BROCODE THANKS FOR THE VIDEOS WHERE CAN WE CONTACT YOU ?
nice explanation!
Thanks Bro!