如何打破嵌套到另一个承诺链中的承诺链

Question

我无法弄清楚如何将嵌套的 Promise 链分解为主 Promise 链。这是我的代码：

 //Main Promise chain
 let promiseMain = Promise.resolve(1)
        .then(result => functionA())
        .then(result => nestedChain()).catch((error) => {
            console.log(error);
        })
        .then(result => functionC())

//chain error handler
function chainError(err) {
return Promise.reject(err)
};

function nestedChain()
{
stepOne()
.then(stepTwo, chainError)
.then(stepThreee, chainError)
.catch((error) => 
    {
        console.log(error);
        return undefined;
    });          
}

function stepOne() 
{
    return chainError("error attempt : 1.00");
}

一旦我进入我在 stepOne() 中抛出错误的嵌套链，我就能够打破这个嵌套链。惊人的！

问题：它还破坏了主要的承诺链。所以.. 当它进入nestedChain() 并且从stepOne() 抛出错误时，主promise 链中的functionC 将永远不会被执行，因为来自nestedChain 的被拒绝的promise 也会破坏这条链。

Answer 1

你必须附加承诺链，做这样的事情

function nestedChain()
{ 
  stepOne()
  .then(stepTwo, chainError)
  .then(stepThreee, chainError)
  .catch ((error) => {
               console.log(error);
               return undefined;
            })
}

Answer 2

Promise 的实现是为了等待需要更多时间的事情。你只需要正确地实现promise。

例如，如果我们有 3 个函数返回承诺，一个嵌套函数也返回承诺，这就是它的实现方式：

functionA()
.then( result => {
    return functionB();
})
.then( result => {
    return nestedFunct();
})
.then( result => {
    return functionC();
})
.then( result => {
    console.log(result);
})
.catch( error => {
    console.log(`Error in one of the above function`);
});

所有功能的格式也相似

function functionA() {
    return new Promise( (resilve, reject) => {
        resolve('something');
        // or
        reject('Error');
    });
}

嵌套函数可以这样

function nestedFunc() {
    return functionD()          // Return promise
    .then( result => {
        return functionE();     // return promise
    })
    .then( result => {
        return functionF();      // return promise or value
    });
}

主 Promise 链不受单个函数所做的影响，只要它们不断返回 Promise。所有单个函数都可以有一个本地承诺链。即使嵌套链发生错误，也会被主 Promise 链中的catch() 捕获。

Answer 3

如果我理解你是正确的，你需要在嵌套链承诺之后捕获错误

Promise.resolve().then(()=> {
  console.log('A');
}).then(() => {
  return Promise.resolve().then(() => {
    console.log('step 1');
  }).then(() => {
    console.log('step 2');
    throw new Error('Step 2 error');
  });
}).catch((err) => {
  console.log(err);
}).then(() => {
  console.log('C');
});