javascript - 您如何在Javascript中正确链接Promise，并考虑错误处理？

我在理解Javascript承诺时遇到了一些麻烦，特别是将它们链接起来并将错误传递到整个链上。在下面的代码中：

function myPromise() {
  return new Promise((resolve, reject) => {
    setTimeout(function() {
      console.log('done')
      reject('resolved');
    }, 1000);
  });
}

function myOtherPromise() {
  return new Promise((resolve, reject) => {
    myPromise().then(done => {
      resolve(done);
    }).catch(e => {
      console.log('In myOtherPromise, caught err: ', e);
      reject(e)
    });
  });
}

myOtherPromise().then(done => {
  console.log('done calling myOtherPromise: ', done);
}).catch(e => {
  console.log('caught err from myOtherPromise', err);
});

输出显示：

done
In myOtherPromise, caught err:  resolved

我不明白为什么不打印以下内容：

'caught err from myOtherPromise'

我觉得有些根本性的东西我还不太了解。为什么来自myOtherPromise的拒绝不传递到最后的catch块？

最佳答案

您将错误捕获到e变量中，但是输出err变量（未定义并导致运行时错误）。

.catch(e => {
  console.log('caught err from myOtherPromise', err);
})

应该：

.catch(e => {
  console.log('caught err from myOtherPromise', e);
})