JavaScript中的異步為什么不能省掉await

這篇文章主要講解了“JavaScript中的異步為什么不能省掉await”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“JavaScript中的異步為什么不能省掉await”吧！

之前我知道要在JavaScript中同步獲取異步執(zhí)行的結(jié)果，必須帶await;在for循環(huán)中，如果不用Promise.All的話，異步不起效果。但是每次需要等待執(zhí)行結(jié)果的時(shí)候，都需要帶async和await，我覺得老麻煩了，也不好看。如果記住了這兩個(gè)單詞的寫法倒還好，沒記住的話每次拼錯(cuò)，能把思路打斷，忽然冒出這樣的單詞，也不美觀。

于是我就一致致力于解決這個(gè)問題，作為一個(gè)經(jīng)常以造輪子為自豪的程序員，我認(rèn)為我有責(zé)任為JavaScript的改變做出一點(diǎn)小小的貢獻(xiàn)。

請(qǐng)看下面這段代碼：

const trans = require('node-google-translate-skidz');

function translate (str, strEn, tarEn) {
  let p = () => {
    return new Promise((resolve, reject) => {
      trans({
        text: str,
        source: strEn ? strEn : 'zh',
        target: tarEn ? tarEn : 'en'
      }, function (result) {
        resolve(result.translation)
      });
    })
  }
  let an = async () => {
    let b = await p()
    console.log(b);
  }
  return an()
  //console.log(b)
}


let c = translate('中文')
console.log('c', c)

這段代碼可能是我能想出最好的，解決異步問題的方案了，答案依然沒有成功。但我終于知道為什么JavaScript中，不管你如何包裹，用什么技術(shù)都無法真正避免async和await了。

看translate方法調(diào)用的地方，調(diào)用完之后打印翻譯的結(jié)果。這么做的目的，我當(dāng)然是希望有結(jié)果之后打印了，如果打印的是Promise { <pending> }，那說明沒有等待就直接執(zhí)行了。

為了達(dá)到有結(jié)果之后再打印的目的，我在translate方法中自作聰明地封裝了一道async()=>{await}, 然后讓translate返回await執(zhí)行的結(jié)果。但是這個(gè)方法不會(huì)起到任何作用，因?yàn)樽詈蟠蛴〉慕Y(jié)果仍然是我想要竭盡全力避免的

為什么呢？因?yàn)槲腋阃?code>async只對(duì)function起作用，也就是說async是有作用域的。在我執(zhí)行了let c = translate('中文')這個(gè)方法之后，因?yàn)槲覜]有告訴編譯器translate需要await(我自以為translate內(nèi)部已經(jīng)實(shí)現(xiàn)了async和await，那么translate就會(huì)自動(dòng)等待執(zhí)行結(jié)果返回。但是因?yàn)橛凶饔糜虻拇嬖?，translate內(nèi)部的作用域是無法影響到translate方法執(zhí)行的這一層面上的。),所以編譯器還是直接執(zhí)行了console.log('c', c) ，也就是打印了Promise { <pending> }。

通過引入作用域這個(gè)概念，方法體的async、await無法使方法調(diào)用這個(gè)層級(jí)也async、await，你大概就能理解JavaScript中，為什么異步無法省略await了。

感謝各位的閱讀，以上就是“JavaScript中的異步為什么不能省掉await”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)JavaScript中的異步為什么不能省掉await這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！