What is JavaScript CALLBACK HELL? 🔥

#JavaScript #tutorial #course
// Callback Hell = Situation in JavaScript where callbacks
// are nested within other callbacks to the
// degree where the code is difficult to read.
// Old pattern to handle asynchronous functions.
// Use Promises + async/await to avoid Callback Hell

[@BroCodez]

// Callback Hell = Situation in JavaScript where callbacks
// are nested within other callbacks to the
// degree where the code is difficult to read.
// Old pattern to handle asynchronous functions.
// Use Promises + async/await to avoid Callback Hell
function task1(callback){
setTimeout(() => {
console.log("Task 1 complete");
callback();
}, 2000);
}
function task2(callback){
setTimeout(() => {
console.log("Task 2 complete");
callback();
}, 1000);
}
function task3(callback){
setTimeout(() => {
console.log("Task 3 complete");
callback();
}, 3000);
}
function task4(callback){
setTimeout(() => {
console.log("Task 4 complete");
callback();
}, 1500);
}
task1(() => {
task2(() => {
task3(() => {
task4(() => console.log("All tasks completed"));
})
});
})

[@LearnWithAmi]

the way you explained it...amazing

[@Soulcode-k]

What a great time to be alive 😊.
I don't have to right this sh** because of async function.
I agree that this is a hell.

[@Anonymous-cw7nx]

The explaination is just awesome

[@EliasVargas-v7e]

I was about to jump out of the building because I couldn't understand how this worked, thanks, you're the GOAT

[@abcdabcd8605]

Awesome explanation

[@peace-o-mind]

Thanks for the vid bro. It was helpful to actually visualize callback hell. Waiting for async/await video. I have to learn async/await.

[@BroCodez]

That's coming up after promises

[@DipesMandaviya]

simplest and easy style to teach

[@fakenot1223]

thanks a lot i really mean it !!

[@hwapyongedouard]

just learned all JavaScript from bro now i understand call backs and asnch js

[@legendrags]

Better title would be "What the hell is callback hell?"

[@manuelvaal1257]

Clean explanation!👏

[@iuquirimilin]

Very good explanation :D

[@VictorSilvaDev]

Nice explanation

[@namitadas5194]

Amazing video in 5 mins

[@mr.nobody9344]

tnx

[@brijeshprasaddas249]

This video saved my life

[@khalidelgazzar]

Thank you! Thats helpful!

[@OmKar-xc3mc]

THIS SURELY IS WOUNDERFULL

[@majidmohd100]

Tysm😊

[@ventacode]

Thank you so much

[@bhuviramesh8218]

If you want to execute the task one after the other why go for async, you should have used synchronous itself nah?

[@Usha-h1d]

Sir,do you have notes for JavaScript

[@admiralcasperr]

Why write in JS if you aren't writing a non probable callback hell?

[@tronganhnguyenthanh1157]

function task1(){
console.log("Task 1")
}
function task2(){
console.log("Task 2")
}
A callback hell is something like
function task1(){
task2(){
...
}
}
Am I right ?

[@indian-shorts9215]

If you make DSA in Js that’s the thing that everybody

[@divyaanshuagrawal3383]

cant we just call task1(task2(task3(task4(task5))))) ?

[@sacramagic]

That's what I was thinking too. There must be something else we are not taking into account for him to add all that extra code to his example.

[@alfonzo6320]

love how you didnt offer any solution or pattern to that problem.

[@BroCodez]

That's the next video on promises

[@alfonzo6320]

@@BroCodez yay!! i can't wait!😁
Nice channel btw, keep up the good work!🔥

[@olgapolka168]

0:52 tasks were complete! 💪💋!

[@olgapolka168]

1:46

[@olgapolka168]

Читать легче. На слух очень плохо воспринимаю.

[@offlinehub]

bro i wanna know who r u

[@deadmarshal]

JS is a joke!