JavaScript Promises - 在继续之前等待解决

Question

我有以下要求：

1. 通过调用内部函数 (getLines()) 获取“行”列表。
2. 选择第一行，执行操作
3. 上一个动作完成后，选择下一行，做同样的动作
4. 对所有行重复（3-20 行，具体取决于用户）

我有以下代码：

App.Lines = response.data;    
for (var _i = 0; _i < App.Lines.length; _i++) {
    var makeCallPromise = new Promise(
        function(resolve, reject) {
            Session.connection.ol.makeCall(App.Lines[_i], callBackFunction(response) {
                //this can take up to 30 seconds to respond...
                resolve(response.data);
            }, errorCallBackFunction(message) {
                reject(message.error);
            }, bareJid);
        }
    )
    makeCallPromise.then(function(fulfilled) {
        console.log("PROMISE WORKED!!!!!", fulfilled);
    })
    .catch(function(error) {
        console.log("PROMISE FAILED!!!!!", error);
    });
}

我希望循环在继续循环之前等待解决承诺，但事实并非如此。 我的问题是是否有可能在解决方案完成之前停止循环。 注意 - 我正在使用 bluebird JS 库进行承诺。 谢谢！

亲切的问候，

加里

Answer 1

我不了解 bluebird，但您可以执行类似的操作来创建某种 for 循环，等待每个 Promise 在下一次迭代之前结束。

这是一个通用的例子，它当然可以优化，这只是一个快速的尝试：

var i = 0;
var performAsyncOperation = function(operationNumber) {
    return new Promise(function(resolve, reject){
    console.log('Operation number', operationNumber);
    resolve();
  });
}

var chainAsyncOperations = function() {
    if(++i < 10) {
        return performAsyncOperation(i).then(chainAsyncOperations);
    }
};
performAsyncOperation(i).then(chainAsyncOperations);

希望这会对你有所帮助；）

Answer 2

你可以使用bluebird提供的Promise.each()，它会串行遍历一个数组，等待它们解析后再移动到数组中的下一个元素

Answer 3

这个用例完美匹配 ES7 特性async await，如果你有可能使用 babeljs 转译你的代码，你可以像这样重构你的函数：

function createPromise(line) {
    return new Promise(
       function(resolve, reject) {
          Session.connection.ol.makeCall(line, callBackFunction(response) {
              //this can take up to 30 seconds to respond...
              resolve(response.data);
          }, errorCallBackFunction(message) {
              reject(message.error);
          }, bareJid);
       }
    );
}

App.Lines = response.data;

async function main() {
    for (var _i = 0; _i < App.Lines.length; _i++) {
        try {
           var result = await createPromise(App.Lines[_i]);
           console.log(result);
        } catch (err) {
           console.log(err);
        }
    }
}

main().then(function() {
    console.log('finished');
});

Answer 4

你应该使用Bluebird#each方法：

.each(function(any item, int index, int length) iterator) -> Promise

迭代一个数组，或者一个数组的promise，它包含promise（或promise和values的混合），给定的迭代器函数带有签名（value, index, length），其中value是a的解析值输入数组中的相应承诺。迭代是连续发生的。如果输入数组中的任何 Promise 被拒绝，则返回的 Promise 也会被拒绝。

Promise.each(App.Lines, line => {
    return new Promise((resolve, reject) => {
        Session.connection.ol.makeCall(line, callBackFunction(response) {
            resolve(response.data);
        }, errorCallBackFunction(message) {
            reject(message.error);
        }, bareJid);
    })
    .then(fulfilled => console.log("PROMISE WORKED!!!!!", fulfilled))
    .catch(err => onsole.log("PROMISE FAILED!!!!!", err));
});