Breaking News: Grepper is joining You.com. Read the official announcement!

what is callback hell

Add Answer

Holy answered on February 22, 2022 Popularity 8/10 Helpfulness 2/10

answer what is callback hell

related callback hell

related CallBack Hell

what is callback hell

Comment

// Callback hell, also known as "Pyramid of Doom" or "Callback spaghetti"
asyncFunction1(function (result1) {
  // Inside the callback of asyncFunction1
  asyncFunction2(result1, function (result2) {
    // Inside the callback of asyncFunction2
    asyncFunction3(result2, function (result3) {
      // Inside the callback of asyncFunction3
      asyncFunction4(result3, function (result4) {
        // Inside the callback of asyncFunction4
        // ... and so on
      });
    });
  });
});

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: callback javascript

Link to this answer
Share Copy Link

Contributed on Oct 06 2023

Holy

0 Answers Avg Quality 2/10

Closely Related Answers

callback hell

Comment

let order = (call_production) => {
  setTimeout(() => {    
    call_production();
  }, 1000);
};
let production = () => {
  setTimeout(() => {
    console.log("step 1");
    setTimeout(() => {
      console.log("step 2");
      setTimeout(() => {
        console.log("step 3");
        setTimeout(() => {
          console.log("step 4");
          setTimeout(() => {
            console.log("step 5");
            setTimeout(() => {
              console.log("step 6");
              setTimeout(() => {
                console.log("step 7");
                setTimeout(() => {
                  console.log("step 8");
                  setTimeout(() => {
                    console.log("step 9");
                    setTimeout(() => {
                      console.log("step 10");
                      setTimeout(() => {
                        console.log("A call backhell");
                      }, 1000);
                    }, 1000);
                  }, 1000);
                }, 1000);
              }, 1000);
            }, 1000);
          }, 1000);
        }, 1000);
      }, 1000);
    }, 1000);
  }, 1000);
};
order(production);

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: callback callbac

Link to this answer
Share Copy Link

Contributed on Apr 06 2022

polyglot orca

0 Answers Avg Quality 2/10

callback hell

Comment

The cause of callback hell is when people try to write JavaScript in a way where execution happens visually from top to bottom.
Lots of people make this mistake! 
In other languages like C, Ruby or Python there is the expectation that whatever happens on line 1 will finish before the code on line 2 starts running and so on down the file.
As you will learn, JavaScript is different.

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: callbackhell.com

Tags: callback callbac

Link to this answer
Share Copy Link

Contributed on Aug 06 2022

0 Answers Avg Quality 2/10

callback hell

Comment

fs.readdir(source, function (err, files) {
  if (err) {
    console.log('Error finding files: ' + err)
  } else {
    files.forEach(function (filename, fileIndex) {
      console.log(filename)
      gm(source + filename).size(function (err, values) {
        if (err) {
          console.log('Error identifying file size: ' + err)
        } else {
          console.log(filename + ' : ' + values)
          aspect = (values.width / values.height)
          widths.forEach(function (width, widthIndex) {
            height = Math.round(width / aspect)
            console.log('resizing ' + filename + 'to ' + height + 'x' + height)
            this.resize(width, height).write(dest + 'w' + width + '_' + filename, function(err) {
              if (err) console.log('Error writing file: ' + err)
            })
          }.bind(this))
        }
      })
    })
  }
})

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: callbackhell.com

Tags: callback callbac

Link to this answer
Share Copy Link

Contributed on Feb 22 2022

Abror

0 Answers Avg Quality 2/10

CallBack Hell

Comment

let production = () =>{

  setTimeout(()=>{
    console.log("production has started")
    setTimeout(()=>{
      console.log("The fruit has been chopped")
      setTimeout(()=>{
        console.log(`${stocks.liquid[0]} and ${stocks.liquid[1]} Added`)
        setTimeout(()=>{
          console.log("start the machine")
          setTimeout(()=>{
            console.log(`Ice cream placed on ${stocks.holder[1]}`)
            setTimeout(()=>{
              console.log(`${stocks.toppings[0]} as toppings`)
              setTimeout(()=>{
                console.log("serve Ice cream")
              },2000)
            },3000)
          },2000)
        },1000)
      },1000)
    },2000)
  },0000)

};

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: www.freecodecamp.org

Tags: callback callbac

Link to this answer
Share Copy Link

Contributed on Aug 04 2022

Average Antelope

0 Answers Avg Quality 2/10

what is callback hell

Contents

More Related Answers

what is callback hell

Closely Related Answers

callback hell

callback hell

callback hell

CallBack Hell

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.