当第二个承诺依赖于第一个承诺时，链接两个承诺的正确方法是什么？

Question

如何使用 JS Promises 进行链式两个 JQuery 异步调用，同时避免厄运金字塔？ 我知道我可以像这样将“JQuery”承诺转换为真正的承诺：

Promise.resolve($.getJSON(url, params));

如果我只想等待一个承诺，我可以这样做：

Promise.resolve($.getJSON(url1, params1))
.then(function(result){
  // do stuff
});

如果我想等待两个不同的 ajax 调用完成，我可以这样做：

Promise.all(
[
  Promise.resolve($.getJSON(url1, params1)),
  Promise.resolve($.getJSON(url2, params2))
]).then(function(results_array){
  // do stuff
});

但是，如果我想让一个电话接在另一个电话之后，这是行不通的：

Promise.resolve($.getJSON(url1, params1))
.then(function(result){
  //do stuff
  return Promise.resolve($.getJSON(url2, params2));
}).then(function(result){
  //result is a promise, not the results from the second call to getJSON()...
  //and it doesn't even wait for the second call to finish.
  //result.then() is just going to bring me further into the pyramid of doom :(
});

不知何故，我想在“do stuff”函数中构造的 promise 上调用 .then()。这样做的惯用方法是什么？

Answer 1

return Promise.resolve($.getJSON(url2, params2));

您所做的是创建一个已经解决的承诺（通过Promise.resolve），其解决的值是$.get() 的结果，这也是一个承诺。这就是为什么“它甚至不等待第二次调用完成”和“结果是一个承诺”。

此外，您不需要包装 jQuery AJAX 调用，因为它们返回承诺。 jQuery 的 Promise 的行为几乎（但不完全）与原生 Promise 相同。

改为这样做：

$.getJSON(url1, params1).then(function(result)){
  return $.getJSON(url2, params2);
}).then(function(result)){
  //result 2
});

此外，您正在使用 jQuery。带有 promise 的 jQuery AJAX 可以这样完成：

$.getJSON(url1, params1).then(function(result){
  // do stuff
});

在 jQuery 中可以通过这种方式监听多个 Promise：

$.when($.getJSON(...), $.getJSON(...)).then(function(res1, res2){
  // do stuff
});