js await 承诺调用本身

Question

考虑这段代码：

async function callPromise ()
{
    let num = await promiseEvenOdd()
    console.log(num, "is odd")
}

function promiseEvenOdd()
{
    return new Promise((resolve, reject) => {
        let num = Math.floor(Math.random() * 2) + 1
        console.log("num", num)  
        if (num % 2)
        {
            console.log("odd")
            resolve(num)
        }
        else
        {
            console.log("even")
            return promiseEvenOdd()
        }

      })
}

callPromise ()

如果数字是偶数我们调用一个新的承诺，当数字是奇数我们解决承诺，但在一些偶数之后，并且在解决之后，等待永远不会返回，

知道如何解决吗？

谢谢，

大佬

Answer 1

问题是，当你创建一个 promise 时，你总是需要调用 resolve 或 reject。在偶数情况下，您返回 promiseEvenOdd 的结果，但您从未解决原始承诺，这就是它永远挂起的原因。

要解决这个问题，您应该只使用递归调用的结果来解决原始承诺，而不是返回它。例如，换行

return promiseEvenOdd()

到：

resolve(promiseEvenOdd())

这样，第一个 Promise 将使用下一个 Promise 的结果来解决。

例子：

async function callPromise ()
{
    let num = await promiseEvenOdd()
    console.log(num, "is odd")
}

function promiseEvenOdd()
{
    return new Promise((resolve, reject) => {
        let num = Math.floor(Math.random() * 2) + 1
        console.log("num", num)  
        if (num % 2)
        {
            console.log("odd")
            resolve(num)
        }
        else
        {
            console.log("even")
            resolve(promiseEvenOdd())
        }

      })
}

callPromise ()