在ajax调用之后从Javascript模块返回值

Question

---编辑---由于我的无知，这实际上与所有其他AJAX型问题相同...需要进入正确的心态。 为了后代的缘故，将其留在这里，也许可以帮助其他人在发布之前重新查看回调。

因此，我想先说一下，我认为这不是人们不等待异步调用完成的标准“如何从ajax调用返回值”问题。 我认为这是Java语言模块模式对变量范围的误解，因此希望能提供任何指导。

我正在关注构建我的ajax调用的这篇SO文章 ，因此在调用完成后，我将使用延迟对象来处理数据。 还有关于Javascript模块模式的一些教程，例如this和this 。 从外部模块内部的私有模块中返回值似乎很简单-但是，我总是将myObj.roots（）定义为未定义。 即使我在检查断点时将其定义为X值的数组。 我缺少什么简单的东西-有任何提示吗？ 谢谢！ 抱歉，一个简单的问题，我是JS模块模式的新手，正在尝试构建自己的库...

我的JS代码：

var myObj = (function(window,document,$,undefined){

  var _baseUri = 'http://example.com/',
      _serviceUri = 'services/',
      _bankId = '1234',
      _myUri = _baseUri + _serviceUri + 'objectivebanks/' + _bankId,
      _roots = [];

  function myAjax(requestURL) {
    return $.ajax({
      type: 'GET',
      url: requestURL,
      dataType: 'json',
      async: true
    });
  }

  var getRoots = function() {
    var _url = _myUri + '/objectives/roots';
    _roots = [];
    myAjax(_url).done(function(data) {
      $.each(data, function(index, nugget) {
        _roots.push(nugget);
      });
      return _roots;
    }).fail(function(xhr, textStatus, thrownError) {
      console.log(thrownError.message);
    });
  }

  return {
    roots: getRoots
  };
})(this,document,jQuery);

我的错误（来自Chrome开发者工具的控制台）：

myObj.roots()
undefined

Answer 1

您的“ getRoots”函数不返回任何内容。 使用$ .ajax（successCallback）或$ .ajax.done（）模式是一回事。 您不会推迟任何事情。 没有回调，事件或承诺，您将无法做到这一点。 回调和事件基本上是相同的，只有后者允许更好的体系结构解耦（高度值得商fact的事实）。 承诺意味着您可以编写var x = getRoots（），并且x将是未定义的，直到浏览器从服务器获取响应为止。 您的应用程序必须考虑到这一点。 因此，要么开始考虑异步模式（回调，事件）进行编码，要么设计可以优雅地处理null / undefined值的应用程序。

使用回调：

function getStuff(callback) {
    $.ajax(...).done(function(data) {
        // maybe process data?
        callback(data);
    });
}

getStuff(function(data) {
    // this is where I can use data
});

这样，您可以在单独的模块（例如“ DataService”）中编写getStuff方法，这样就不会污染MVC逻辑。