Jquery延迟回调奇怪的问题

Question

我正在玩 jQuery 中的回调和延迟函数，想知道是否有人能告诉我为什么这有效

http:// /jsfiddle.net/austinbv/QVujr/

  get_each_total = function(callback) {
    var requests;
    requests = [];
      var url;
        url = "http://otter.topsy.com/search.js?callback=?&apikey=38A260E9D12A4908B1AF9184B691131&q=justin+bieber&window=d";
        return requests.push($.getJSON(url, function(data) {
        }));
    return $.when.apply($, requests).then(function() {
      callback();
    }, function() {
      return alert("There was an error communicating with a remote library, try again in a few");
    });
  };



  get_each_total_broken = function(callback) {
    var requests;
    requests = [];
      var url;
        url = "http://otter.topsy.com/hjhkl/sehjkhhkjhkarch.js?callback=?&apikey=38A260E9D12A4908B1AF9184B691131&q=justin+bieber&window=d";
        return requests.push($.getJSON(url, function(data) {
        }));
    return $.when.apply($, requests).then(function() {
      callback();
    }, function() {
      return alert("There was an error communicating with a remote library, try again in a few");
    });
  };

$(function () {
    get_each_total(alert("success"));
    get_each_total_broken(alert("fail"));
});

这不

http://jsfiddle.net/austinbv/wzve6/

  get_each_total = function(callback) {
    var requests;
    requests = [];
      var url;
        url = "http://otter.topsy.com/search.js?callback=?&apikey=38A260E9D12A4908B1AF9184B691131&q=justin+bieber&window=d";
        return requests.push($.getJSON(url, function(data) {
        }));
    return $.when.apply($, requests).then(function() {
      callback();
    }, function() {
      return alert("There was an error communicating with a remote library, try again in a few");
    });
  };



  get_each_total_broken = function(callback) {
    var requests;
    requests = [];
      var url;
        url = "http://otter.topsy.com/hjhkl/sehjkhhkjhkarch.js?callback=?&apikey=38A260E9D12A4908B1AF9184B691131&q=justin+bieber&window=d";
        return requests.push($.getJSON(url, function(data) {
        }));
    return $.when.apply($, requests).then(function() {
      callback();
    }, function() {
      return alert("There was an error communicating with a remote library, try again in a few");
    });
  };

$(function () {
    get_each_total(function () { alert("success")});
    get_each_total_broken(function () {alert("fail")});
});

如您所见，唯一的区别是最后两行，其中匿名函数包装了回调。任何见解都会很好。

Answer 1

这段代码：

return requests.push($.getJSON(url, function(data) {
}));

退出您的函数。 callback 永远不会被调用。

PS 当您说唯一的区别是包装回调的匿名函数时，您暗示您还在代码的第一个版本中传递了一个函数。事实并非如此；您试图传入 alert('whatever'); 返回的任何内容，这是未定义！

进一步说明：

您的两个函数 (get_each_total, & get_each_total_broken) 都期望参数是一个函数。通过稍后在代码中尝试将其作为函数调用 (callback())，这一点很明显。但是，这一行：

get_each_total(alert("success"));

没有将函数传递给 get_each_total。它相当于以下内容：

var returnedFromAlert = alert("success");
get_each_total(returnedFromAlert);

因此，基本上，您不会将任何内容传递到 get_each_total 函数中。在调用 get_each_total 之前，您会立即收到成功警报。

Answer 2

get_each_total(function () { alert("success")});

这里有 function (){alert .... 返回一个函数对象

 get_each_total(alert("success"));

，这里 alert("success") 是任何类型的对象 alert( ) 返回，它不是一个函数。

编辑：-为了回应评论，我将进一步澄清。

当浏览器看到

do_something(is_it_complete(arg1, arg2));

它时，它会执行以下步骤：

1. 获取函数 is_it_complete 并将其称为参数 arg1 和 arg2。
2. 获取函数 do_something 并使用上述结果作为参数来调用它。

当浏览器看到：

do_something(function () { is_it_complete(arg1, arg2) });

它确实：

1. 创建一个调用 is_it_complete(arg1, arg2) 的函数对象
2. 获取函数 do_something 并使用上述对象作为参数调用它。

编辑3：-好的，所以在第一个中，它在运行代码之前调用了警报，因此它看起来可以工作。

你有：

get_each_total = function(callback) {
     // ... *snip* 
    return requests.push($.getJSON(url, function(data) {}));
    return $.when.apply($, requests).then(function() {
        // ... *snip*
    });
};

第二次回报永远不会达到。

编辑：-我想在阅读代码后提出一些提示：

var requests;
requests = [];

将样式更改为多余的，

var requests = [];
var url = " ....";

当您不将任何参数传递给回调时，请勿将其包装。

.then(function(){ callback();}) 

它与： 相同

.then(callback);

，正如评论中提到的，您的 url

url = "http://otter.topsy.com/hjhkl/sehjkhhkjhkarch.js?callback=?&apikey=38A260E9D12A4908B1AF9184B691131&q=justin+bieber&window=d";

应该是

url = "http://otter.topsy.com/hjhkl/sehjkhhkjhkarch.js?callback=somevalue&apikey=38A260E9D12A4908B1AF9184B691131&q=justin+bieber&window=d";

甚至：

url = "http://otter.topsy.com/hjhkl/sehjkhhkjhkarch.js"
$.getJSON(url, {
    "callback": "somevalue",
    "apikey": "38A260E9D12A4908B1AF9184B691131",
    "q": "justin bieber",
    "window": "d"
}, function(data){ alert("Got: " + data);});

Answer 3

这两个例子都不起作用。 （提示审阅者：这是他所说的最后两行。）

在第一个示例中，您调用 alert()，它会引发警报对话框，甚至在 get_each_total() 函数被调用。Javascript 调用它，显示警报（并给人一种发生了某些事情的错觉），并将 alert() 调用的结果传递给get_each_total() （并且对以下函数中的警报也执行相同的操作）。结果为空。如果曾经调用过回调，则会引发错误。

在第二个示例中，您声明一个函数并将对其的引用传递给 get_each_total()，然后可以通过 callback() 表达式调用该函数。函数是响应 () 运算符的东西，意思是“执行此操作”。如果您的代码成功，它实际上会执行某些操作（显示警报）。

但你的代码没有。转到小提琴并查看控制台，我看到以下消息：“无法加载资源：服务器响应状态为 500（内部服务器错误）。” getJSON() 永远不会触发回调，因为它永远不会成功。

[编辑] @austinbv 向我指出我错过了一些东西。 500码是他刻意的测试。但他的代码在 get_each_total_broken() 中仍然被破坏； This returns now from get_each_total_broken行中存在错误的 return

return requests.push($.getJSON(url, function(data) {  }));

。 when().then() 子句永远不会被调用，因此他永远不会看到错误处理。第一个示例中警报的即时性继续给人一种发生了事情的错觉。

Answer 4

您的代码有两个问题：

1）在最后两行代码中：第一个示例是将“alert”方法的执行结果传递给“get_each_total”和“get_each_total_broken”方法。第二个示例是传递一个函数，该函数在执行时将调用“alert”。第二个例子是正确的执行方法。

例如：

function test(v) {
    // do something
    return null;
}

// executes "test" immediately and passes it's result to "someOtherFunction"
someOtherFunction(test(v));
// will pass a function to "someOtherFunction" to be executed later
someOtherFunction(function(){ test("value"); });

2) 您的两个方法中都有 2 个“return”语句。方法中遇到的第一个“返回”将返回其值并退出该方法；从而导致第二个“return”语句永远不会被执行。因此，这两种方法中对“$.when.apply”的调用永远不会被执行。