在多个条件中等待异步函数

Question

当满足某些条件时，我正在处理的流星项目会上传文件。无论文件是否上传，一旦 if 语句完成，就必须进行 Meteor.call。由于条件的原因，当我使用回调时，它会导致大量重复代码。正如下面所写，我希望 Meteor.call 可以在 uploadFile 回调执行之前执行，这将是一个问题。

var data = {
  name: "..."
  //...
}
if(condition){
  uploadFile(parameters, function(error,result){
    if(err) handleError(err);
    else data.url1 = result.secure_url;
}
if(condition2){
  uploadFile(parameters, function(error,result){
    if(err) handleError(err);
    else data.url2 = result.secure_url;
}

/* This Meteor.call needs to wait until both if statements above
   have completed */

Meteor.call('insertData', data, function(error,result){
  //...
}

Answer 1

您可以删除条件并改为实现 Javascript Promises，它们既有趣又花哨，而且它们消除了回调地狱并提供了可读的自上而下的格式：

http://jsfiddle.net/4v29u4do/1/

这个小提琴展示了如何使用 Promise 来等待异步回调而不是条件 if 语句

有了 Promise，你可以 return 一个新的 Promise 作为 Promise 的回调，然后继续前进，回调将被传递给新的 .then，直到你完成如果一路上出现任何错误，它会直接跳到.catch。

function uploadFile(file) {
    return new Promise(function(resolve, reject) {
        // Simulate ASYNC Call for Uploading File
        setTimeout(function() {
            console.log(file + ' Uploaded Successfully!');
            return resolve(file);

            // if (err) {
            //   return reject(err);
            // }
        }, 3000);
    });   
}

var data = {};

uploadFile("filename1")
.then(function(cb) {
    data.url1 = cb;
    return uploadFile("filename2");
})
.then(function(cb) {
    data.url2 = cb;
    return uploadFile("filename5"); 
})
.then(function(cb) {
    data.url3 = cb;
    console.log(data);
    //all done with callbacks
    // Meteor.call("");
})
.catch(function(err) {
    // One of the uploads failed log the err;
});