如何构造嵌套的 Promise

IT技术 javascript node.js promise
2021-03-07 05:44:54

我有一种情况，我认为我唯一的选择是在彼此之间嵌套一些 Promise。我有一个需要执行的 Promise 和一个可以在该 Promise 完成之前执行某些操作的方法。像这样的东西：

let promise = new Promise((resolve, reject) => {

  // Do some stuff

});

doSomethingUntilPromiseisDone(promise);

但是，在我的 Promise 中，我需要执行另一个返回另一个 Promise 的方法：

let promise = new Promise((resolve, reject) => {

  fetchValue(url)
    .then((value) => {

      // Do something here

    }).catch((err) => {
      console.error(err);
    });

});

doSomethingUntilPromiseisDone(promise);

但是现在，在fetchValue方法的then语句中，我需要执行另一个方法，猜猜是什么，返回另一个 Promise：

let promise = new Promise((resolve, reject) => {

  fetchValue(url)
    .then((value) => {

      saveToCache(value)
        .then((success) => {

          console.log('success!!');
          resolve('success');

        });

    }).catch((err) => {
      console.error(err);
    });

});

doSomethingUntilPromiseisDone(promise);

所以最后，我有一个 Promise，在一个 Promise 中，在一个 Promise 中。有什么办法可以让我更好地构建它，使其更简单？似乎将它们相互嵌套与 Promise 的预期链接方法背道而驰。

3个回答

利用 .then()

let doStuff = (resolve, reject) => {/* resolve() or reject() */};
let promise = new Promise(doStuff);
doSomethingUntilPromiseisDone(
  promise 
  .then(value => fetchValue(url))
  .then(value => value.blob())
  .then(saveToCache)
)
.then(success => console.log("success!!"))
.catch(err => console.error(err))
如果您已经在使用箭头语法，为什么还要使用return...？
2021-04-21 05:44:54
如果我们打代码打高尔夫球，catch可能只是.catch(console.error)，第一个then就是.then(fetchValue)
2021-05-03 05:44:54
@Derek 我会功夫 好点。不确定是否doSomethingUntilPromiseisDone有必要？
2021-05-08 05:44:54
doSomethingUntilPromiseisDone由于格式错误，我之前只是添加了空格。我不知道那实际上是什么。
2021-05-08 05:44:54
另外，我有一种感觉，这可能不适用于 OP。
2021-05-12 05:44:54

您可以使用generator扁平化嵌套Promise（Bluebird.couroutine或Generators）

//Bluebird.couroutine
const generator = Promise.coroutine(function*() {
  try {
     const value = yield fetchValue(url);
     const success = yield saveToCache(value);
     console.log('success:', success);
  } catch(e) {
     console.error(err);
  }    
}));

generator();

每个函数都将使用之前方法的结果调用下一个函数。

var promises = [1,2,3].map((guid)=>{
    return (param)=> {
      console.log("param", param);
      var id = guid;
      return new Promise(resolve => {
        // resolve in a random amount of time
        setTimeout(function () {
          resolve(id);
        }, (Math.random() * 1.5 | 0) * 1000);
      });
    }
}).reduce(function (acc, curr, index) {
  return acc.then(function (res) {
    return curr(res[index-1]).then(function (result) {
      console.log("result", result);
      res.push(result);
      return res;
    });
  });
}, Promise.resolve([]));
promises.then(console.log);
其它你可能感兴趣的问题
上一篇及时绘制 HTML5/Javascript Canvas 路径 下一篇有没有办法使用 JavaScript 以纳秒为单位获取当前时间？