鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 關(guān)于async函數(shù)的一個(gè)奇怪的問題

關(guān)于async函數(shù)的一個(gè)奇怪的問題

今天在看async函數(shù)時(shí)寫了一個(gè)函數(shù)，原本的想法是執(zhí)行Func，3秒鐘之后返回一個(gè)promise對(duì)象的值為20，但是結(jié)果每次打印的值都不一樣，基本在9~13，然后我用setInterval持續(xù)打印，每次的結(jié)果都在上次的結(jié)果上+1。。。
后來改了之后對(duì)了，但是對(duì)改動(dòng)前這個(gè)函數(shù)的結(jié)果非常好奇，大家可以試一下改動(dòng)前的函數(shù)，希望幫忙解答一下，跪謝~。
(PS:我在chrome控制臺(tái)執(zhí)行這個(gè)函數(shù)，不同頁面的控制臺(tái)下初始值和遞增值都不一樣，這又是為什么)

改動(dòng)前：

  async function Func(){
        let b = 0
        b = await setTimeout(function(){return 20},3000)
        return b
      }
      
  setInterval(()=>{Func().then(res=>console.log(res))},1000)//依次為12,13,14,15...

改動(dòng)后：

 async function Func(){
        let b = 0
        b = await new Promise((resolve,reject)=>{
            setTimeout(function(){resolve(20)},3000)
        })
        return b
      }
 Func().then(res=>console.log(res))// 20
回答
編輯回答
雨萌萌

因?yàn)?setTimeout() 不是異步函數(shù)， await 對(duì)它沒作用的

  async function Func(){
        let b = 0
        b = await setTimeout(function(){return 20},3000)
        return b // 這一行并不會(huì) 3 秒后才執(zhí)行，而是立即執(zhí)行
      }
      
  setInterval(()=>{Func().then(res=>console.log(res))},1000)//依次為12,13,14,15...

至于為什么是 12, 13, 14, 15，那是因?yàn)?setTimeout() 本身是有返回值的，通常是從 1 開始遞增的數(shù)字。

2017年7月19日 17:19