当一个回调不返回任何promise时，promise链是如何工作的？

Question

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise

当.then（）缺少返回promise对象的适当函数时，处理将继续到链的下一个链接。因此，链可以安全地忽略每个HandlerRejection，直到final.catch（）。类似地，.catch（）实际上只是一个.then（），没有用于handlefulled的插槽。

考虑到：

方法promise.then（）、promise.catch（）和promise.finally（）用于将进一步的操作与已解决的promise相关联。这些方法还返回一个新生成的promise对象，该对象可以选择性地用于链接；

当一个回调不返回任何promise时，promise链是如何工作的？

Answer 1

如果promise链返回一个promise，它将使用该promise的已解析（或拒绝）值调用下一个then（或catch）。如果没有，那么它将调用下一个，然后使用返回的值调用（如果没有返回值，则调用未定义的）：

const myPromise = myApiCall().then(response => {
   return anotherApiCallThatReturnsAPromise(response);
}).then(secondResponse => {
   // this is the resolved value of anotherApiCall...
   return secondResponse;
}).catch(err => {
 // this error could be because myApiCall failed or because anotherApiCall... failed
})

const myPromise = myApiCall().then(response => {
   return 42
}).then(value => {
   // value is 42
}).catch(err => {
 // this error, if present, is because myApiCall failed
}) 

推断一下，让我们从第一次回调中不返回任何内容：

const myPromise = myApiCall().then(response => {
   // notice we do not return anything here
   // we just call a function - i.e. return undefined
   doSomeWorkAndReturnNothing();
}).then(value => {
   // value is undefined because nothing was returned from the previous `then`
}).catch(err => {
 // this error, if present, is because myApiCall failed
}) 

为了好玩，下面是在异步函数中使用wait的样子：

const myFunc = async () => {
   try {
     const response = await myApiCall();
     const secondResponse = await anotherApiCallThatReturnsAPromise(response);
     return secondResponse;
   } catch(err) {
     // this error could be because either of the previous two await-ed calls failed
   }

}