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

javascript Chaining the Promise with then()

SAMER SAEID answered on August 15, 2021 Popularity 10/10 Helpfulness 3/10

answer javascript Chaining the Promise with then()

related promises chaining

javascript Chaining the Promise with then()

Comment

// returns a promise

let countValue = new Promise(function (resolve, reject) {
  resolve("Promise resolved");
});

// executes when promise is resolved successfully

countValue
  .then(function successValue(result) {
    console.log(result);
  })

  .then(function successValue1() {
    console.log("You can call multiple functions this way.");
  });

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: chaining javascript promise

Link to this answer
Share Copy Link

Contributed on May 21 2022

SAMER SAEID

0 Answers Avg Quality 2/10

Closely Related Answers

promises chaining

Comment

/* Let's break n STEP-BY-STEP (cpy paste n console u'll have clear view)

1. Promises chaining will allow us to add many async operations
 in a sequence way (i.e  in order)
2. But like we have callback hell, here our code at the end 
will be more difficult to read
3. TIPS : Best options are go with >> {FETCH API, Async/Await} 
4. NOTE : Learn promises once, understand no.3 in a easy way, above
both completely relay on Promises concept, makesure u understand them
clearly. */


//EXAMPLE

var result = true;
var learsJS = new Promise((resolve,reject) => {
  setTimeout(() => {
    if(result){ //if true resolve below case
    resolve("This is my 1st resolved case");
  }
    else{
    reject("I need some more time");
  }
  }, 2000);
}).then(resolvedData1 => {
	console.log(resolvedData1); //resolved promise1 - 5th line
  return new Promise((resolve) => { // returning another promise2
    resolve(`${resolvedData1} -- This is 2nd resolved case`)
  });
})
.then(resolvedData2 => {
  console.log(resolvedData2); //resolved promise2
	return new Promise((resolve) => { // returning another promise3
    resolve(` ${resolvedData2} -- This is my 3rd resolved case`)
  })
})
.then(resolvedData3 => {
  console.log(resolvedData3); //resolved promise3
	return new Promise((resolve) => { //returning final promise
    resolve(` ${resolvedData3} -- This is my Final resolved case`)
  })
})
.then(finalData => console.log(finalData)); //resolved final promise

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: chaining chainin

Link to this answer
Share Copy Link

Contributed on Aug 15 2021

Outlander

0 Answers Avg Quality 2/10

javascript Chaining the Promise with then()

Contents

More Related Answers

javascript Chaining the Promise with then()

Closely Related Answers

promises chaining

Grepper

Documentation

Social

Legal

Contact

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