What is JavaScript CALLBACK HELL? 🔥

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ธ.ค. 2023
  • #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

ความคิดเห็น • 30

  • @BroCodez
    @BroCodez  6 หลายเดือนก่อน +13

    // 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"));
    })
    });
    })

  • @OkReXx
    @OkReXx 6 หลายเดือนก่อน +8

    daily video from bro, bro is the giga chad of the coding world

  • @legendrags
    @legendrags 5 หลายเดือนก่อน +10

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

  • @Ali_almughays
    @Ali_almughays 6 หลายเดือนก่อน +5

    bro, you are a legend.

  • @abcdabcd8605
    @abcdabcd8605 2 หลายเดือนก่อน

    Awesome explanation

  • @khalidelgazzar
    @khalidelgazzar 5 หลายเดือนก่อน

    Thank you! Thats helpful!

  • @jhanaman04
    @jhanaman04 6 หลายเดือนก่อน +1

    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
      @BroCodez  6 หลายเดือนก่อน

      That's coming up after promises

  • @manuelvaal1257
    @manuelvaal1257 หลายเดือนก่อน

    Clean explanation!👏

  • @VictorSilvaDev
    @VictorSilvaDev 5 หลายเดือนก่อน

    Nice explanation

  • @DipesMandaviya
    @DipesMandaviya หลายเดือนก่อน

    simplest and easy style to teach

  • @mayconbodanese7423
    @mayconbodanese7423 2 หลายเดือนก่อน

    Very good explanation :D

  • @ventacode
    @ventacode 5 หลายเดือนก่อน

    Thank you so much

  • @namitadas5194
    @namitadas5194 2 หลายเดือนก่อน

    Amazing video in 5 mins

  • @hwapyongedouard
    @hwapyongedouard หลายเดือนก่อน

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

  • @bhuviramesh8218
    @bhuviramesh8218 2 หลายเดือนก่อน

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

  • @indian-shorts9215
    @indian-shorts9215 6 หลายเดือนก่อน

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

  • @veerraptor12
    @veerraptor12 6 หลายเดือนก่อน

    bro i love your content!!. Im a school student and my brother is a advocate, so he wants me to make a website (law firm web page) for himself so that he can receive more clients. Can u make a tutorial on that plz?? Or if u have made one plz share me the link

    • @BroCodez
      @BroCodez  6 หลายเดือนก่อน +2

      I don't have a video where we build a full website together yet. I might do that in the future.

  • @admiralcasperr
    @admiralcasperr 6 หลายเดือนก่อน

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

  • @kishirisu1268
    @kishirisu1268 4 หลายเดือนก่อน

    2024 - job requirement : know JS callbacks. 😂

  • @alfonzo6320
    @alfonzo6320 6 หลายเดือนก่อน

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

    • @BroCodez
      @BroCodez  6 หลายเดือนก่อน +1

      That's the next video on promises

    • @alfonzo6320
      @alfonzo6320 6 หลายเดือนก่อน

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

  • @olgapolka168
    @olgapolka168 6 หลายเดือนก่อน

    0:52 tasks were complete! 💪💋!

    • @olgapolka168
      @olgapolka168 6 หลายเดือนก่อน

      1:46

    • @olgapolka168
      @olgapolka168 6 หลายเดือนก่อน

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

  • @offlinehub
    @offlinehub 23 วันที่ผ่านมา

    bro i wanna know who r u

  • @deadmarshal
    @deadmarshal 4 หลายเดือนก่อน

    JS is a joke!