如何确保仅在构建对象后才调用函数？

Question

我有一个common service.js，它具有通用功能，但我正在使用和创建的功能如下：

this.createFastlookupDictionaryForEmployee = function (data) {
        --code to build dictionary
        return dictionaryArr;
    }
    
    this.getEmployeeId = function (dictionaryArr,employeeId) {
        return dictionaryArr[employeeId].
    }

控制器：

function onPageLoad(Callback1,
                Callback2,
                Callback3) {
                myService.getEmloyeeList().success(function (data) {
                    $scope.employeeLookupList = commonService.createFastlookupDictionaryForEmployee(data.items);
                    Callback1();
                    Callback2();
                }).finally(function () {
                });
            }
            
  $scope.getEmployeeId = function () { //callback function 1
                myService.getEmployeeData().success(function (data) {
                    var employeeId = $scope.employeeLookupList[10]; //error here as the $scope.employeeLookupList is not populated yet
                }).finally(function () {
                });
            };

所有回调函数都在访问来自$scope.employeeLookupList 数组对象的数据。现在的问题是由于getEmloyeeList API 调用返回大量数据，这就是为什么构建字典需要时间，回调函数调用已完成，因此无法读取某些员工 ID。

我无法将回调传递给createFastlookupDictionaryForEmployee 方法，因为它在很多地方都被使用。

我如何确保字典已创建并且只有在此之后我的 Callback1, Callback2 才会被调用？

我不想在填充字典之前调用 Callback1 和 Callback2。

Answer 1

您应该像第一次服务myService.getEmloyeeList() 一样拨打您的Callback's。话虽如此，您应该像这样使用success / finally 等待它的响应：

this.createFastlookupDictionaryForEmployee = function (data) {
        var defer = $q.defer();
        // code to build dictionary

        // after dictionary been resolved
        defer.resolve(dictionaryArr);

        // if you need to throw an error you can use it like
        // defer.reject("error");

        return defer.promise;
    }

myService.getEmloyeeList().success(function (data) {
 $scope.employeeLookupList = [];
 commonService.createFastlookupDictionaryForEmployee(data.items).then(function (data) {
           $scope.employeeLookupList = data.items; //response from service
           // Do something when request comes with success response
           // I think you should then receive the data on your callback's
           Callback1(data.items);
           Callback2(data.items);
      })['catch'](function (resp) {
         //Do something after error responses
      })['finally'](function () {
         //Do something after success or error responses
      });
}).finally(function () {
});

这样Callback's 函数只会在使用请求中的数据成功时被调用。在此之后，您可以观察$scope.employeeLookupList 以检查它是否为空。 快乐编码:)