调用Promise后怎么不接着执行了


var jsq = 0;
const sleep = ()=>{
    jsq += 1;
    return new Promise((resolve,reject) => {
        if(jsq<5){
            console.log("我觉得这里执行的有问题,条件不达要求的时候,自调用一下sleep ")
            setTimeout(sleep,1000);
        }else{
            setTimeout(resolve,1000);
        }
    })
}


async function main() {
    console.log("我来了")
    await sleep();
    console.log("这里为什么没执行?")
}

main()

从代码结构上看await调用看似是同步顺序执行,但实际上还是异步回调的执行机制。
async function函数中await之后的代码就是异步回调的部分,只有执行了resolve,异步回调的部分才能执行。

var jsq = 0;
const sleep = ()=>{
    jsq += 1;
    return new Promise((resolve,reject) => {
        if(jsq<5){
            console.log("我觉得这里执行的有问题,条件不达要求的时候,自调用一下sleep ")
            setTimeout(async function(){
                await sleep();
                resolve();
            },1000);
        }else{
            setTimeout(resolve,1000);
        }
    })
}

async function main() {
    console.log("我来了")
    await sleep();
    console.log("这里为什么没执行?")
}

main()

需要特别注意:每次递归调用 sleep 函数,函数内的 setTimeout 都会使用 new Promise() 对象中新生成的 resolve 函数实例,如果要触发 await sleep() 所返回的 那一次 resolve,则必须存储第一次的 resolve 函数。

而你的代码,在递归调用时,并没有把通过 sleep 函数 resolve 传递下去(这是另外一种解法),所以……再琢磨下?

var jsq = 0;
let originResolve = null;

const sleep = ()=>{
    jsq += 1;
    return new Promise((resolve,reject) => {
      if (!originResolve) {
        // 关键
        originResolve = resolve
      }
        if(jsq<5){
            console.log("我觉得这里执行的有问题,条件不达要求的时候,自调用一下sleep ")
            setTimeout(sleep,1000);
        }else{
            setTimeout(originResolve,1000);
        }
    })
}


async function main() {
    console.log("我来了")
    await sleep();
    console.log("这里为什么没执行?")
}

main()

Output

[Running] node "./demo.js"
我来了
我觉得这里执行的有问题,条件不达要求的时候,自调用一下sleep 
我觉得这里执行的有问题,条件不达要求的时候,自调用一下sleep 
我觉得这里执行的有问题,条件不达要求的时候,自调用一下sleep 
我觉得这里执行的有问题,条件不达要求的时候,自调用一下sleep 
这里为什么没执行?

[Done] exited with code=0 in 5.096 seconds