如何串联承诺

Question

I would like to chain in series promises so that that in order the 3 promises execute. I don't want to nest the functions. I tried adding a resolve into it, but it seems like it resolves before everything inside of the function is done.

function first(){
  var promise = new Promise(function(resolve, reject){
            console.log('fetchToken 1');
  });
  return promise;
}

function second(item){
  var promise = new Promise(function(resolve, reject){
            console.log('fetchToken 2');
  });
  return promise;
}

function third(item){
  var promise = new Promise(function(resolve, reject){
            console.log('fetchToken 3');
  });
  return promise;
}

  function getTokenGroup() {
    function logTaskError(e) {
        console.error(e);
        throw e;  // reject the Promise returned by then
    }
    var task1 = first();
    var task2 = task1.then(second);
    var task3 = task2.then(third);
    var alltasks = task3.then(null, logTaskError);

    return alltasks;
  }

  getTokenGroup();

Answer 1

Call resolve inside functions so the promises get resolved

 function first() { var promise = new Promise(function(resolve, reject) { console.log('fetchToken 1'); resolve(); }); return promise; } function second(item) { var promise = new Promise(function(resolve, reject) { console.log('fetchToken 2'); resolve(); }); return promise; } function third(item) { var promise = new Promise(function(resolve, reject) { console.log('fetchToken 3'); resolve(); }); return promise; } function getTokenGroup() { function logTaskError(e) { console.error(e); throw e; // reject the Promise returned by then } var task1 = first(); var task2 = task1.then(second); // why return new promise var task3 = task2.then(third); var alltasks = task3.then(null, logTaskError); return alltasks; } getTokenGroup(); 

Or better as can continue the first promise using then

 function first() { console.log('fetchToken 1'); } function second(item) { console.log('fetchToken 2'); } function third(item) { console.log('fetchToken 3'); } function getTokenGroup() { function logTaskError(e) { console.error(e); throw e; // reject the Promise returned by then } var promise = Promise.resolve(0); // create a resolved promise var task1 = promise.then(first); var task2 = task1.then(second); var task3 = task2.then(third); var alltasks = task3.then(null, logTaskError); return alltasks; } getTokenGroup(); 

Answer 2

You need to resolve a promise otherwise it will not propagate further.

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Promise

function first(){
   return new Promise(function(resolve, reject){
        console.log('fetchToken 1');
        resolve('your data');
   })
}

Answer 3

you need call "resolve":

 function first(){
    var promise = new Promise(function(resolve, reject){
      console.log('fetchToken 1');
      resolve(1); //==> call this one, parameter in here is just a sample
    });
    return promise;
  }

  function second(item){
    var promise = new Promise(function(resolve, reject){
      console.log('fetchToken 2');
    });
    return promise;
  }

  function third(item){
    var promise = new Promise(function(resolve, reject){
      console.log('fetchToken 3');
    });
    return promise;
  }

  function getTokenGroup() {
    function logTaskError(e) {
      console.error(e);
      throw e;  // reject the Promise returned by then
    }
    var task1 = first();
    var task2 = task1.then(second);
    var task3 = task2.then(third);
    var alltasks = task3.then(null, logTaskError);

    return alltasks;
  }

  getTokenGroup();