無法理解為什么這段代碼會產生這個 output

Question

我正在網上做一個反應課程。 在 function 鏈接主題之后，有一個 mcq 來預測 output。 代碼是：

 function job() { return new Promise(function(resolve, reject) { reject(); }); } let promise = job(); promise.then(function() { console.log('Success 1'); }).then(function() { console.log('Success 2'); }).then(function() { console.log('Success 3'); }).catch(function() { console.log('Error 1'); }).then(function() { console.log('Success 4'); });

但是為什么這段代碼會產生Error 1,Success 4為 output？

Answer 1

.catch將導致將已解析的 Promise 傳遞到鏈的下一步 - 除非.catch處理程序本身拋出。 也就是說，給定任何：

.catch(someCallback)
.then(someFn);

除非someCallback拋出錯誤（這將導致被拒絕的 Promise，這可以通過.catch進一步調用），否則無論如何， someFn將始終運行。

這是許多人選擇將.catch放在 Promise 鏈的最末端的原因之一——它使控制流更容易理解。

Answer 2

function job() {
  return new Promise(function(resolve, reject) {
    reject();
  });
}

let promise = job();

your promise is the result of job(), if you see your promise is rejected via reject() , it means it will go through to .catch , and since catch also return a promise, it will go to all then s after catch