JavaScript Chaining Promises：在上一个完成之前调用下一个承诺

Question

工具：JavaScript ES6

我还没有看到一个关于链接多个 Promise 以按顺序执行的语法的简洁的好答案。我认为对于所有承诺的新手来说，这将是解决棺材问题的好方法。 :)

我的问题是我想以同步顺序调用它getPosts--->getThreads--->initializeComplete()

这就是我正在做的事情。

userPromise.then(getPostsPromise).then(getThreadsPromise).then(initializeComplete());

• userPromise 是我从另一部分代码返回的 Promise obj
• getPostsPromise 返回一个 Promise 并获取服务器以获取帖子
• getThreadsPromise 返回一个 Promise 并获取线程的服务器
• initializeComplete 是一个回调，告诉我的程序它已初始化。

这里是链中的一个 Promise 示例：

var getPostsPromise = function(){
    //Firebase is just a simple server I'm using
    var firebasePostsRef = new Firebase("https://myfburl.firebaseio.com/posts");
    var postsRef = firebasePostsRef.child(localPlace.key);

    return new Promise(function(resolve, reject) {
      //Below is a Firebase listener that is called when data is returned
      postsRef.once('value', function(snap,prevChild) {
            var posts = snap.val();
            AnotherFile.receiveAllPosts(posts);
            resolve(posts);
        }); 
      });
}

但是initializeComplete() 在getPostsPromise 和getThreadsPromise 有机会完成获取之前被调用。

为什么会发生这种情况以及如何编写要按顺序执行的 Promise？

Answer 1

initializeComplete 会立即被调用，因为您在将它传递给 then 时正在调用它。您必须省略括号，就像您为 getPostsPromise 和 getThreadsPromise 所做的那样

userPromise.then(getPostsPromise).then(getThreadsPromise).then(initializeComplete);

Answer 2

虽然 yts 的答案是正确的（问题是您调用的是 initializeComplete 而不是传递函数），但我宁愿对调用的格式稍有不同。让每个回调函数调用下一个函数有点违背 Promise 的设计。我宁愿每个函数都返回一个promise，然后在返回的promise上调用then：

userPromise
.then(function(){
  return getPostsPromise()
}).then(function(){
  return getThreadsPromise()
}).then(function(){
  return initializeComplete();
});

或者传递实际返回的对象而不必做任何额外的中间处理：

userPromise
.then(getPostsPromise)
.then(getThreadsPromise)
.then(initializeComplete);