JavaScript的诺言 - 等待清晰度的运动上

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); 
    }); 
} 

我的希望是，循环将等待解决的承诺，它继续循环之前，然而，事实并非如此。 我的问题是在分辨率完成之前是否可以暂停循环。 注 - 我正在使用蓝鸟JS库作为承诺。 谢谢！

亲切的问候，

加里

Answer 1

可以使用Promise.each()通过蓝鸟提供，这将依次遍历数组，并等待他们移动到下一个元素的数组

Answer 2

我在之前解决不知道蓝鸟，但你可以做类似的事情来创建某种for循环，等待每个承诺在下一次迭代之前结束。

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

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 3

这个用例完全匹配的ES7功能async await，如果您在使用babeljs到transpile你的代码的可能性，你可以重构你的函数是这样的：

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方法：

。每个（函数（任何项目，INT索引，INT长度）迭代） - >无极

迭代数组或数组，其中包含的承诺一个承诺（或与给定的具有签名（值，索引，长度）的迭代器函数的承诺和值的组合），其中值是输入数组中相应承诺的解析值。迭代发生连续。如果输入数组中的任何承诺被拒绝，返回的承诺也会被拒绝。

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)); 
});