延迟承诺和 Jquery

Question

我阅读了很多关于延迟的答案，但无法准确找到我想要的。

关闭的代码是http://jsfiddle.net/UZzeC/

我的代码的不同之处在于我想在 when 中调用“process”函数。语句 N 次。

//Dynamically generated JSON list
var json_list = [
    {"id":"div1","name":"Google.com"},
    {"id":"div2","name":"eBay.com"}
    {"id":"div3","name":"Yahoo.com"},
    {"id":"div4","name":"Facebook.com"}
];

$.when(
    for (var i in json_list) {
        process(json_list[i].id, json_list[i].name),
    }
).done(function() {
    $('#global').text("OK"); }
) .fail(function() {
    $('#global').text("FAIL");
});

最终状态将是异步连接到多个 Web 服务的代码，并在每个服务返回数据时返回其进度

我可以像这样嵌入这个循环吗？我在什么时候看到了“应用”的一些用法，但不确定它对我有什么用。

Answer 1

我认为你想做的是这样的...... （假设进程返回一个 $.Deferred().promise() 对象）

var requests = [];

for (var i=0; i<json_list.length; i++) {
    requests.push(process(json_list[i].id, json_list[i].name));
}

$.when.apply($, requests).then(
    function() { $('#global').text("OK"); },
    function() { $('#global').text("FAIL"); }
);

编辑： 编辑代码以正确迭代数组。我认为它是一个对象并用于..in，但您应该始终使用这种方式;)

Answer 2

只有在非常特殊的情况下（实际上，从不）才应该使用for(var i in arr) {...} 来循环数组。原因是数组可能具有除数字数组索引以外的属性，即使if(arr.hasOwnProperty(i)) 也不会过滤掉。

例如：

var arr = ['A', 'B', 'C'];
arr.color = 'RED';

现在，使用for(var i in arr) 循环遍历arr，您将发现A、B、C 和RED。即数组的成员及其属性。

DEMO

为了保证只寻址数组成员，循环使用for(var i=0; i<arr.length; i++) {...}。

DEMO

所以，你可以这样做：

var requests = [];
for(var i=0; i<json_list.length; i++) {
    requests.push(process(json_list[i].id, json_list[i].name));
}

$.when.apply(null, requests).then(function() {
    $('#global').text("OK");
}, function() {
    $('#global').text("FAIL");
});

您也可以使用原生的Array.prototype.map() 或jQuery.map() 循环遍历原始数组并返回处理后的数组。为了紧凑，处理后的数组可以匿名传递给$.when，如下：

$.when.apply(null, $.map(json_list, function(request) {
    return process(request.id, request.name);
}).get()).then(function() {
    $('#global').text("OK");
}, function() {
    $('#global').text("FAIL");
});

Answer 3

1. 不要在数组上使用for .. in
2. 您不能用 for 循环替换函数参数 - JS 不能那样工作

由于您的 json_list 是一个数组，您可以使用 .map 来获取一个新的 Promise 数组，用于原始数组中的每个条目：

var requests = json_list.map(function(l) {
    return func_returning_promise(l.id, l.name);
});

然后您可以使用 Function.prototype.apply 将这个 Promises 数组传递给 $.when，就好像它们是单独的参数一样：

$.when.apply($, requests).then(okFunc, failFunc);