【问题】js 之 await ~ 再探索

参考文档  （小白提供）（另 刚看历史喵 原来 历史上的曾经有个叫管仲的 也叫小白，而且是个扛把子哦！！！） 

另一个参考文档 

没有return的场合

async function gen(){
 await Promise.resolve(1)
 console.log('gne1')
 await Promise.resolve(1)
 console.log('gne2')
 await Promise.resolve(1)
 console.log('gne3')
 await Promise.resolve(1)
 console.log('gne4')
 await Promise.resolve(1)
 console.log('gne5')

}

gen()

Promise.resolve(1).then(()=>{
 console.log('p11')
 //return Promise.resolve(1)
}).then(()=>{
 console.log('p12')
}).then(()=>{
 console.log('p21')
}).then(()=>{
 console.log('p22')
}).then(()=>{
 console.log('p23')
}).then(()=>{
 console.log('p31')
 //return Promise.resolve(1)
}).then(()=>{
 console.log('p32')
}).then(()=>{
 console.log('p33')
}).then(()=>{
 console.log('p41')
}).then(()=>{
 console.log('p42')
}).then(()=>{
 console.log('p43')
}).then(()=>{
 console.log('p51')
}).then(()=>{
 console.log('p52')
}).then(()=>{
 console.log('p53')
}).then(()=>{
 console.log('p61')
})

没有 return 的时候 

• promise  promise  主程序  
• promise   promise   promise  主程序
• promise   promise   promise  主程序
• 。。。。。。

上面这种频率输出的

 

有return的场合 

async function gen(){
 await Promise.resolve(1)
 console.log('gne1')
 await Promise.resolve(1)
 console.log('gne2')
 await Promise.resolve(1)
 console.log('gne3')
 await Promise.resolve(1)
 console.log('gne4')
 await Promise.resolve(1)
 console.log('gne5')

}

gen()

Promise.resolve(1).then(()=>{
 console.log('p11')
 //return Promise.resolve(1)
}).then(()=>{
 console.log('p12')
}).then(()=>{
 console.log('p21')
}).then(()=>{
 console.log('p22')
}).then(()=>{
 console.log('p23')
}).then(()=>{
 console.log('p31')
 return Promise.resolve(1)
}).then(()=>{
 console.log('p32')
}).then(()=>{
 console.log('p33')
}).then(()=>{
 console.log('p41')
}).then(()=>{
 console.log('p42')
}).then(()=>{
 console.log('p43')
}).then(()=>{
 console.log('p51')
}).then(()=>{
 console.log('p52')
}).then(()=>{
 console.log('p53')
}).then(()=>{
 console.log('p61')
})

当在输出比较稳定的 位置 比如 31 那个地方 多放一个return 时候，

就会从31 开始 都跳了一个 似的 。。。。。。

运行结果如下：