javascript - 来自一系列 getJSON() 调用的合并结果对象

Question

我使用jquery已经很长时间了。 我有一个要求，需要调用一些 Rest API 以从每个 API 中获取一些数据。然后根据所有调用的结果创建一个合并的结果对象。

类似这样的事情:

我正在寻找的输出:

result {
    a: 123,
    b: 456, ....
    z: 789
}

伪:

var result = {}; // final object containing consolidated result
$.getJSON(restapi1, function (data) {
    result["a"] = data.total;
});

// next rest call to fetch b
$.getJSON(restapi2, function (data) {
    result["b"] = data.total;
});

// so on...
// after fetching all values and storing them in one result object access elements like
var value1 = result.a;

我知道我可以使用Promise.all()，但它提供了一个数组作为输出，并且我想避免循环遍历它来获取所需的元素。

请提出建议。 谢谢。

Answer 1

I know I can use Promise.all(), but it gives an array as output

确实如此，但您不必使用它提供的结果。您可以像在伪代码中那样使用副作用。

如果您的各种 $.getJSON 调用都是单独编写的，那么这是 jQuery $.when 的一个用例:

var result = {}; // final object containing consolidated result
$.when(
    $.getJSON(restapi1, function (data) {
        result["a"] = data.total;
    }),
    // next rest call to fetch b
    $.getJSON(restapi2, function (data) {
        result["b"] = data.total;
    }),
    // ...
).done(function() {
    // use `result`
});

如果你有一个循环，使用 $.when 是可能的，但很尴尬:

var result = {}; // final object containing consolidated result
var promises = [];
for (/*...*/) {
    promise.push($.getJSON(/*...*/));
}
$.when.apply($, promises).done(function() {
    // use `result`
});

...所以在这种情况下 Promise.all 可能会更好，前提是您可以假设它存在于环境中( native ，或者因为您填充它或使用增强的 Promise 库):

var result = {}; // final object containing consolidated result
var promises = [];
for (/*...*/) {
    promise.push($.getJSON(/*...*/));
}
Promise.all(promises).done(function() {
    // use `result`
});