如何使循环等待回调成功

How to make for loop wait until callback was successful?

本文关键字：回调 成功 等待 循环 何使      更新时间：2023-09-26
$scope.checkwithfor = function(evlappsub){
        if( evlappsub != "" && typeof evlappsub !="undefined"){
            var s = serviceDomain + '/catanalysisdb/' + evlappsub;
            $http.get(s).success(function(data3){
                $scope.chartscore.name = data3.keyattributes.appName;
                $scope.chartscore.y = (data3.keyattributes.totalAffinity * -1);
                $scope.chartscoreval.push($scope.chartscore);
            });
        }
    }
    var serviceDomain = "url";
    if(evaluation_id !== ''){
         $http.get(serviceDomain + '/catanalysisdb/' + evaluation_id).success(function(data) {
             var evl_id = data.form.mainFields[8].fieldTypeVal;
             for(var i=0;i<evl_id.length;i++){
                 var evljsonsum_ib = evl_id[i].value;
                 evlappsub = "cat_sub_key_val_"+evljsonsum_ib.split("_")[1];
                 $scope.checkwithfor(evlappsub);
             }
         });
    }
  • $scope.chartscoreval.push ：将对象推入数组时，但它只包含最后一个对象。
  • $scope.checkwithfor：在我得到获取方法循环成功完成的结果之前。

使用承诺

对于 vanilla JavaScript （ECMAScript 5），没有直接的方法可以强制事件循环等待特定的异步调用。但是，如果您确实需要等待异步调用完成，请继续，请使用 Promise。

Promise 将被集成到 ECMAScript 6 中

但是有一些库可以为您提供承诺功能。其中之一是"promisejs"：（您可以选择任何其他方法，它们被实现为遵循相同的标准。

https://www.promisejs.org/

此外，您需要调整您的 for 循环

要链接强制异步函数在继续之前完成的承诺，您需要修改 for 循环以获得此任务。

$scope.checkwithfor = function(evlappsub){
    return new Promise(function(fulfill,reject){
       if( evlappsub != "" && typeof evlappsub !="undefined"){
           var s = serviceDomain + '/catanalysisdb/' + evlappsub;
           $http.get(s).success(function(data3){
               $scope.chartscore.name = data3.keyattributes.appName;
               $scope.chartscore.y = (data3.keyattributes.totalAffinity * -1);
               $scope.chartscoreval.push($scope.chartscore);
               fulfill(); // SIGNIFY IT'S DONE!
           });
        } 
    });
}
var serviceDomain = "url";
if(evaluation_id !== ''){
     $http.get(serviceDomain + '/catanalysisdb/' + evaluation_id).success(function(data) {
         var evl_id = data.form.mainFields[8].fieldTypeVal;
         // FORMER LOOP ACTION
         function checkEvl(i){
             if (i<evl_id.length){
                 var evljsonsum_ib = evl_id[i].value;
                 evlappsub = "cat_sub_key_val_"+evljsonsum_ib.split("_")[1];
                 $scope.checkwithfor(evlappsub).then(function(){
                     // AFTER FINISH, CALL THE NEXT EVL
                     checkEvl(i+1);
                 });
             }
         }
         checkEvl(0); // STARTS OFF WITH THE FIRST ELEMENT
     });
}

其他说明

您需要用递归函数替换 for 循环。 有了这个，你可以在承诺后立即重复调用一个函数 通过fulfill()确认done信号。

因此，流程大致如下所示：

checkEvl（0） ⇒ checkwithfor（） ⇒ fulfill（） ⇒ then（） ⇒

checkEvl（1） ⇒ ...

相关文章：