亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

等待不等待

等待不等待

qq_遁去的一_1 2021-05-05 13:21:52
function resolveAfter2Seconds(x) {    return new Promise(resolve => {        setTimeout(() => {            resolve(x);        }, 2000);    });}async function f1() {    var x = await resolveAfter2Seconds(10);    console.log(x); }f1();let x =  3;為什么會看到以下情況?輸入f1。停止等待。從f1返回(console.log(x)命令未執行)為x分配3(錯誤!等待跳過,js向前執行)返回“ console.log(x)”行上的f1。打印x。為什么JS不等待等待并向前邁進?你能給我個建議嗎?
查看完整描述

2 回答

?
呼如林

TA貢獻1798條經驗 獲得超3個贊

f1是異步的(等待僅在該異步上下文中發生)。因此,將執行f1(),并且由于它是異步的,因此該let x = 3;行無需等待即可立即執行。


如果您還await調用f1(),它應該可以完成您的期望。但是,為了使用await,您必須將該代碼包裝在另一個異步函數中,然后執行該函數。


演示(不等待):


function resolveAfter2Seconds(x) {

    return new Promise(resolve => {

        setTimeout(() => {

            resolve(x);

        }, 2000);

    });

}


async function f1() {

    var x = await resolveAfter2Seconds(10);

    console.log(x); 

}


f1();

let x =  3;

console.log(x);

工作版本(需要額外等待):


function resolveAfter2Seconds(x) {

  return new Promise(resolve => {

    setTimeout(() => {

      resolve(x);

    }, 2000);

  });

}


async function f1() {

  var x = await resolveAfter2Seconds(10);

  console.log(x);

}


async function f2() {

  await f1();

  let x = 3;

  console.log(x);

};


f2();


查看完整回答
反對 回復 2021-05-20
?
阿晨1998

TA貢獻2037條經驗 獲得超6個贊

更簡單


(async function() {


  function resolveAfter2Seconds(x) {

    return new Promise(resolve => {

      setTimeout(() => {

        resolve(x);

      }, 2000);

    });

  }


  async function f1() {

    var x = await resolveAfter2Seconds(10);

    console.log(x);

  }



  await f1();

  let x = 3; 

  console.log(x);

})();


查看完整回答
反對 回復 2021-05-20
  • 2 回答
  • 0 關注
  • 142 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號