承诺是拒绝即使它是真的

Question

如果 lunchTime 为 true，则应记录午餐对象，如果应为 false err。

控制台正在记录：错误：OOOOOPs
即使我尝试在 then 语句中记录午餐对象，它也只会记录错误消息

我的计划是手动将 lunchTime 的值切换为 false，以便我可以测试 解决/拒绝部分承诺，但它正在运行代码的捕获部分，即使它应该解决。

const lunchTime = true;
    
    function orderMeSomeFood() {
        return new Promise((resolve, reject) => {
            if (lunchTime === true) {
                let lunch = {
                    food: "BBQ",
                    drink: "Zen WTR"
                };
    
                resolve(lunch);
            }
            else if (lunchTime === false) {
        const err = new Error('OOOOOPs')
        reject(err);
    }
            }
        })
    };
    
    orderMeSomeFood().then(() => {
        console.log(resolve);
    }).catch(() => {
        console.log(Error('OOOOOPs'));
    })

Answer 1

问题其实出在这行代码上：

console.log(resolve);

也许你的本意是：

console.log("resolved");

相反。实际的resolve 变量和值只存在于new Promise() 执行器函数中，而不存在于其他地方。所以，这会引发异常。

如果您没有意识到这一点，.then() 或 .catch() 处理程序中的异常将触发承诺链中的下一个 .catch() 处理程序被调用。因此，当上述异常发生在 .then() 处理程序内部时，会导致代码执行跳转到下一个 .catch() 处理程序。

---

如果添加这个调试：

    orderMeSomeFood().then(() => {
        console.log("got to .then() handler");
        console.log(resolve);
    }).catch((e) => {
        console.log(e);
    });

然后，您将看到它到达了.then() 处理程序，然后您将看到catch 处理程序中的实际错误是ReferenceError: resolve is not defined，并且行号将指向console.log(resolve) 作为违规语句.

---

这里的一个教训是始终记录您在.catch() 中遇到的实际异常，因为这通常是您的代码为何到达那里的有用提示。

---

这是一个带有更多日志的可运行版本，可向您展示实际流程：

const lunchTime = true;

function orderMeSomeFood() {
    return new Promise((resolve, reject) => {
        if (lunchTime === true) {
            let lunch = {
                food: "BBQ",
                drink: "Zen WTR"
            };
            console.log("about to resolve promise");
            resolve(lunch);
        } else if (lunchTime === false) {
            console.log("about to reject promise");
            reject(new Error('OOOOOPs'));
        }
    })
};

orderMeSomeFood().then(() => {
    console.log("got to .then() handler");
    console.log(resolve);
}).catch((e) => {
    console.log("got to .catch() handler");
    console.log(e.message, e.stack);
})

提供此输出：

about to resolve promise
got to .then() handler
got to .catch() handler
resolve is not defined ReferenceError: resolve is not defined
    at https://stacksnippets.net/js:32:17

所以，你可以看到以下内容：

1. 它解决了承诺
2. 它到达了.then() 处理程序。
3. 在 console.log(resolve) 代码行的 .then() 处理程序中，它引发了异常
4. 这会将其发送到 .catch() 处理程序，现在它会在其中记录错误原因

Answer 2

resolve 仅存在于承诺中，因此当您执行 console.log(resolve); 时会引发错误，这就是您看到 OOOOOPs 消息的原因。

如果你想console.log lunch 变量，你应该把你的代码改成：

orderMeSomeFood().then(lunch => {
    console.log(lunch);
}).catch(() => {
    console.log(Error('OOOOOPs'));
})

const lunchTime = true;
    
    function orderMeSomeFood() {
        return new Promise((resolve, reject) => {
            if (lunchTime === true) {
                let lunch = {
                    food: "BBQ",
                    drink: "Zen WTR"
                };
    
                resolve(lunch);
            }
            else if (lunchTime === false) {
        const err = new Error('OOOOOPs')
        reject(err);
            }
        })
    };
    
    orderMeSomeFood().then(lunch => {
        console.log(lunch);
    }).catch(() => {
        console.log(new Error('OOOOOPs'));
    })