即使被拒绝的方法中没有返回函数，我的承诺的第一个 then 也会返回一个承诺

Question

在下面的代码中，链接到 addTwo 函数的第一个 .then() 调用了拒绝方法，因为我正在检查 a 和 b 的类型是否为“choco”，这是不可能的。

我希望输出停止在“我们有一个错误老板”而不继续，因为拒绝方法与解决方法不同，没有“返回 addTwo”语句。

但输出显示代码继续执行下一个 then 调用，输出为“第二次加法的答案：未定义”。为什么代码不只是在第一次 then 调用时停止，因为拒绝方法不返回 Promise？

var addTwo = (a, b) => {
    return new Promise((resolve, reject) => {   
        if(typeof a === choco && typeof b === choco){
            resolve(a + b)
        }else{
            reject("a or b or both were not numbers")
        }
    })
}


addTwo(5, 6).then((res) => {
    console.log("Answer of addition: " + res)
    return addTwo(res, 100)
}, (err) => {
    console.log("We have an error boss: " + err)
}).then((res) => {
    console.log("Answer of second addition: " + res)
}, (err) => {
    console.log("We have an error boss: " + err)
})

Answer 1

只有一个共同点。我已经更新了你的代码。

addTwo(5, 6).then((res) => {
    console.log("Answer of addition: " + res)
    return addTwo(res, 100);
}).then((res) => {
    console.log(res);
    console.log("Answer of second addition: " + res)
}).catch((err) => {
    console.log("We have an error boss: " + err)
})

Answer 2

您的代码中有两个错误，为了使其按预期工作，您需要这样编写：

    var addTwo = (a, b) => {
    return new Promise((resolve, reject) => {   
        if(typeof a === choco && typeof b === choco){
            resolve(a + b)
        }else{
            reject("a or b or both were not numbers")
        }
    })
}


addTwo(5, 6).then((res) => {
    console.log("Answer of addition: " + res);
    return addTwo(res, 100);
}, (err) => {
    console.log("We have an error boss: " + err);
    throw err;
}).then((res) => {
    res.then(res2) => {
        console.log("Answer of second addition: " + res2);
    }, (err) => {
        console.log("We have an error boss: " + err);
        throw err;
}})

Answer 3

使用函数式风格和一些帮助程序，您可以以一种简单易读的方式解决这个问题：

import { curry } from 'crocks/helpers/curry'

// async functions always return promises
const addPromise = curry(async (a, b) => {
  if (typeof a !== 'number' || typeof b !== 'number') {
    throw new Error("a or b or both were not numbers")
  } else {
    return a + b
  }
})

const trace = tag => x => console.log(tag, x) || x

const handleError = err => console.log(`We have an error boss: ${err}`)

addPromise(5, 6)
  .then(trace('Answer from First Addition'))
  .then(addPromise(100))
  .then(trace('Answer from Second Addition'))
  .catch(handleError)

Answer 4

将 Promise 链视为具有两条链 - 已实现和已拒绝

此外，您知道 .then 接受两个参数 .then(onFulfilled, onRejected) - 如果 onFulfilled 或 onRejected 中的任何一个不是函数，则会被忽略

.catch(fn) 只是.then(null, fn)

在.then（onFulfilled 或 onRejected）执行的每一个函数中，如果抛出错误，那么接下来会调用.then 的onRejected——否则会调用onFulfilled下一个

如果.then 的任何参数不是函数，.then 将忽略它们 - 在 onFulfilled 不是函数的情况下，.then 将返回一个已解决的 Promise，它采用已完成（已解决）的值 - 并且在 onRejected 不是函数的情况下，.then 将返回一个被拒绝的 Promise，它采用被拒绝的值

您的代码是字面意思（只显示返回值，忽略 console.logs）

addTwo(5, 6)
.then(res => addTwo(res, 100), err => undefined)
.then(res => undefined, err => undefined);

由于第一个onRejected函数返回undefined，第二个.then(res=>将被调用

正如另一个答案中所建议的那样，在这种情况下您需要一个 .catch

所以

    addTwo(5, 6)
   .then((res) => {
        console.log("Answer of addition: " + res)
        return addTwo(res, 100)
    })
    .then((res) => {
        console.log("Answer of second addition: " + res)
    })
    .catch((err) => {
        console.log("We have an error boss: " + err)
    });

这是 - 没有 console.logs

addTwo(5, 6)
.then(res => addTwo(res, 100), null)
.then(res => undefined, null)
.then(null, err => undefined);

由于第一个和第二个 .then 对于onRejected 有空值，即不是一个函数，因此“错误”沿着被拒绝的链向下流动，直到“找到”一个函数