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

callback and callback hell in javascript

Add Answer

Shirshak Kandel answered on February 26, 2022 Popularity 10/10 Helpfulness 3/10

answer callback and callback hell in javascript

related callback hell javascript

related what is callback hell in javascript

related callback hell javascript

related callback hell in javascript

related js callback hell

callback and callback hell in javascript

Comment

console.log('Start');
//COMMENT::Three callback function
function loginUser(email, password, callback) {
  setTimeout(() => {
    console.log('Now we have the data');
    callback({ userEmail: email });
  }, 1500);
}

function getUserVidoes(email, callback) {
  setTimeout(() => {
    callback(['HTML', 'CSS', 'JAVASCRIPT']);
  }, 1200);
}

function videosDetails(video, callback) {
  setTimeout(() => {
    callback(`title of the video ${video}`);
  }, 1000);
}

//COMMENT::Callback function execution.
//here we get nested function of 3 callback function which make code not clean.
//this problem is call callback hell.
const user = loginUser('shirshakkandel@gmail.com', '1234', function (user) {
  console.log(user);
  getUserVidoes(user.userEmail, videos => {
    console.log(videos);
    videosDetails(videos[0], title => {
      console.log(title);
    });
  });
});
// console.log(user);
//undefined as user come after 1.5 second
console.log('Finished');

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: callback javascript

Link to this answer
Share Copy Link

Contributed on Dec 19 2022

Shirshak Kandel

0 Answers Avg Quality 2/10

Closely Related Answers

callback hell javascript

Comment

// defination 
Callback hell is a phenomenon that afflicts a JavaScript developer
when he tries to execute multiple asynchronous operations one after the other.
By nesting callbacks in such a way,
we easily end up with error-prone, hard to read,
and hard to maintain code.Soln: Best code practice to handle it.
//example
const makeBurger = nextStep => {
  getBeef(function(beef) {
    cookBeef(beef, function(cookedBeef) {
      getBuns(function(buns) {
        putBeefBetweenBuns(buns, beef, function(burger) {
          nextStep(burger);
        });
      });
    });
  });
};

Popularity 10/10 Helpfulness 2/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

what is callback hell in javascript

Comment

function task1(callback) {
  setTimeout(function() {
    console.log("Task 1");
    callback()
  },2000)
}
  
function task2(callback) {
  setTimeout(function() {
    console.log("Task 2");
    callback()
  },2000)
}
 
function task3(callback) {
  setTimeout(function(callback) {
    console.log("Task 3");
    callback()
  },2000)
}
 
function task4() {
  console.log("Task 4");
}
 
function main() {
    task1(function() {
        task2(function() {
            task3(function() {
                task4();
            }) 
        })
    })
}
 
main();

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: openjavascript.info

Tags: callback callbac

Link to this answer
Share Copy Link

Contributed on Oct 10 2022

Handsome Hamster

0 Answers Avg Quality 2/10

callback hell javascript

Comment

/*
this is the brainstormDinner function. It's a little silly.
 It returns a promise that uses a series of setTimeout() 
 functions to simulate a time-consuming asynchronous action. 
 It's a good example of "callback hell" or "the pyramid of doom,"
  two ways people describe how confusing a bunch of nested 
  callback functions can become.
*/

const brainstormDinner = () => {
  return new Promise((resolve, reject) => {
  console.log(`I have to decide what's for dinner...`)
  setTimeout(() => {
    console.log('Should I make salad...?');
    setTimeout(() => {
      console.log('Should I make ramen...?');
      setTimeout(() => {
        console.log('Should I make eggs...?');
        setTimeout(() => {
          console.log('Should I make chicken...?');
          resolve('beans');
        }, 1000);
      }, 1000);
    }, 1000);
  }, 1000);
});
};

module.exports = brainstormDinner;

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: callback callbac

Link to this answer
Share Copy Link

Contributed on Jan 09 2023

M Hassan khan

0 Answers Avg Quality 2/10

callback hell in javascript

Comment

getArticles(10)
  .then((user) => getUserName(user.name))
  .then((place) => getAddress(place.city))
  .then((data) => console.log("Data", data))
  .catch((err) => console.log("Error: ", err.message));

Popularity 7/10 Helpfulness 1/10 Language javascript

Source: www.scaler.com

Tags: callback javascript javas

Link to this answer
Share Copy Link

Contributed on Jun 27 2023

Average Aardvark

0 Answers Avg Quality 2/10

callback hell in javascript

Comment

function getArticle(id) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log("Fetching data....");
      resolve({ id: id, name: "derik" });
    }, 5000);
  });
}

getArticle("1").then(res=> console.log(res))

Popularity 7/10 Helpfulness 1/10 Language javascript

Source: www.scaler.com

Tags: callback javascript j

Link to this answer
Share Copy Link

Contributed on Jun 27 2023

Average Aardvark

0 Answers Avg Quality 2/10

js callback hell

Comment

sdav

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: callback callbac

Link to this answer
Share Copy Link

Contributed on Feb 26 2022

Said HR

0 Answers Avg Quality 2/10

callback and callback hell in javascript

Contents

More Related Answers

callback and callback hell in javascript

Closely Related Answers

callback hell javascript

what is callback hell in javascript

callback hell javascript

callback hell in javascript

callback hell in javascript

js callback hell

Grepper

Documentation

Social

Legal

Contact

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