Question

$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：在我获得成功结果之前获得get方法循环。

Answer 1

使用承诺

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

承诺将被整合到ECMAScript 6

但是有一些库可以为您提供Promise功能。其中一个是＆＃34; promisejs＆＃34; :(您可以选择其他任何一个，它们的实施遵循相同的标准。）

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-loop 。   有了这个，您可以在承诺后立即重复调用函数   通过done确认fulfill()信号。

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

checkEvl（0）⇒checkwithfor（）⇒履行（）⇒然后（）⇒checkEvl（1）⇒...

如何使循环等待回调成功？

1 个答案: