Return 函数外的对象

Question

我正在尝试 return 函数外的对象。我正在使用 Angular JS 承诺在加载后记录 availableProviders，这会正确地记录到我的控制台。

function getServiceProviders(serviceId) {
  var serviceProviders = ref.child('services').child(serviceId).child('providers');
  var providers = ref.child('providers');

  serviceProviders.on('value', function(snapshot) {        // on services.serviceId.providers
    var availableProviders = {};                           // create empty availableProviders array

    snapshot.forEach(function(childSnapshot) {             // for each provider in services.serviceId.providers
      var key = childSnapshot.key();                       // grab each provider's key
      providers.on('value', function(snap) {               // on providers
        if (snap.hasChild(key)) {                          // if providers has a child that matches the var key above
          var item = snap.child(key);                      // store that child in a var called item
          availableProviders[item.key()] = item.val();     // add item to availableProviders array
        }
      });
    });                                                    // rinse and repeat

    var defer = $q.defer();
    defer.promise
      .then(function() {
        console.log(availableProviders);
      })

    defer.resolve();
  });

  return availableProviders;
}

我希望 getServiceProviders() 函数 return 这些 availableProviders, but I'm getting this error asavailableProviders` 未在该函数之外定义。

ReferenceError: availableProviders is not defined

有没有办法解决这个问题。任何帮助表示赞赏。提前致谢！

Answer 1

与 JavaScript 中的闭包相关的问题，我认为您需要将 var availableProviders = {}; 移到 serviceProviders.on('value', function(snapshot) { 函数之外才能解决您的问题。

代码

function getServiceProviders(serviceId) {
    var serviceProviders = ref.child('services').child(serviceId).child('providers');
    var providers = ref.child('providers');
    var availableProviders = {}; // <==made it global
    serviceProviders.on('value', function(snapshot) { // on services.serviceId.providers

        snapshot.forEach(function(childSnapshot) { // for each provider in services.serviceId.providers
            var key = childSnapshot.key(); // grab each provider's key
            providers.on('value', function(snap) { // on providers
                if (snap.hasChild(key)) { // if providers has a child that matches the var key above
                    var item = snap.child(key); // store that child in a var called item
                    availableProviders[item.key()] = item.val(); // add item to availableProviders array
                }
            });
        }); // rinse and repeat

        var defer = $q.defer();
        defer.promise
            .then(function() {
                console.log(availableProviders);
            })

        defer.resolve();
    });

    return availableProviders;
}

Return 函数外的对象

Return Object Outside of Function

javascript

angularjs

firebase

promise

angular-promise