异步函数将数据传递给异步函数[重复]

Question

我有以下代码：

//calling AsyncFunction
var coords = LocationSerivice.getLocation();
var localStores;

 setTimeout(function(){

            //works
            console.log(coords);

            //calling async function again
            localStores = LocalStoresService.getLocalStores(coords[0],coords[1]);



        }, 100);

        setTimeout(function(){

                    //doesn't work
                    console.log(localStores);



               }, 100);

我想要做的是首先调用一个返回我的位置的异步函数。然后为了从该函数中获取数据，我设置了超时。收到数据后，我正在调用第二个异步函数。我再次设置超时以从我的第二个异步函数中获取数据，所以这里失败了。如果我尝试在超时块中显示带有console.log() 的数据，它会显示undefined 而console.log() 在第一个超时块​​中有效。

我也尝试过增加超时时间，但它不起作用。 有什么建议可以克服吗？

Answer 1

据我了解，您的项目可能正在使用 angularjs，我在此基础上给出示例，

.factory('LocationSerivice', function ($http) {

return{

     getLocation : function () {
       return  $http.get('location_api');
     };

     getLocalStores : function(coords){
       return $http.get('your_local_store_api');
     };

  }
 });

现在调用你的 API

LocationService.getLocation().success(function(coords){
       LocationService.getLocalStores(coords).success(function(localStores){
           console.log(localStores);
       });
});

Answer 2

您可以修改您的 LocalStoresService.getLocalStores 方法以接受回调。

function getLocalStores (arg1, arg2, cb) {
    // do stuff.
    var localStores = 'w/e';
    if (typeof cb === 'function') return cb(localStores);
}

所以你的调用方法应该是这样的：

var coords = LocationService.getLocation();

LocalStoresService.getLocalStores(coords[0], coords[1], function (localStores) {
    console.log(localStores); // 'w/e'
});

这实际上取决于您使用的技术类型，因为异步方法的“正确”实现可能因类型而异（AngularJS、NodeJS、vanilla JS 等）。