javascript - 从多个延迟中获取结果并传递给函数

Question

我有一个像这样的函数来处理一些数据数组:

function ProcessItems(data){
    var def = $.Deferred();
    var results = [];   
    $.each(data, function(v, k)
    {
        // GetItem(k) returns promise
        results.push(GetItem(k));
    });
    return $.when.apply(null, results);
}

我试图使用 GetItem(k) 函数获取一些项目，然后我想返回选定的数据并将其传递给如下函数:

// data -> JSON array, results -> array of promises
ProcessItems(data).then( function(results) { return ShowItems(results); } )

并使用以下函数显示它:

function ShowItems(items) {
    // here items have no data, but only a promise objects
    var def = $.Deferred();
    $.each(items, function(v, k)
    {
        alert(k);
    });
    def.resolve();
    return def.promise();
}

我知道我可以从此处的参数获取数据

$.when.apply(null, results).then(function() {
    // arguments[0] etc <= data is here
});

但是如何将其传递给下一个函数呢？

Answer 1

正如您所知，jQuery 的 $.when() 很尴尬，因为它以参数列表而不是数组的形式传递数据。因此，您需要知道的是如何将参数转换为正确的数组。

诀窍是Array.prototype.slice.call(arguments)，或者[].slice.call(arguments)，如果你喜欢的话。

全文:

function ProcessItems(data) {
    var results = $.map(data, function(value, key) {
        return GetItem(key);// or GetItem(value) ?
    });
    return $.when.apply(null, results).then(function() {
        return Array.prototype.slice.call(arguments);//convert arguments list to array
    });
}

function ShowItems(items) {
    //items is an array
    items.forEach(function(value, index) {
        alert(value);
    });
}

ProcessItems(data).then(ShowItems);