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)。
請看下面這段代碼:
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è)方法不會起到任何作用,因?yàn)樽詈蟠蛴〉慕Y(jié)果仍然是我想要竭盡全力避免的

為什么呢?因?yàn)槲腋阃?code>async只對function起作用,也就是說async是有作用域的。在我執(zhí)行了let c = translate('中文')這個(gè)方法之后,因?yàn)槲覜]有告訴編譯器translate需要await(我自以為translate內(nèi)部已經(jīng)實(shí)現(xiàn)了async和await,那么translate就會自動等待執(zhí)行結(jié)果返回。但是因?yàn)橛凶饔糜虻拇嬖?,translate內(nèi)部的作用域是無法影響到translate方法執(zhí)行的這一層面上的。),所以編譯器還是直接執(zhí)行了console.log('c', c) ,也就是打印了Promise { <pending> }。
通過引入作用域這個(gè)概念,方法體的async、await無法使方法調(diào)用這個(gè)層級也async、await,你大概就能理解JavaScript中,為什么異步無法省略await了。
到此這篇關(guān)于JavaScript中的異步能省掉await嗎?的文章就介紹到這了,更多相關(guān)JavaScript中的異步內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript實(shí)現(xiàn)頁面無縫滾動效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)頁面無縫滾動效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04
JavaScript注冊監(jiān)聽事件和清除監(jiān)聽事件方式詳解
js中事件監(jiān)聽就是利用addEventListener來綁定一個(gè)事件,這個(gè)用法在jquery中非常常用并且簡單,但在原生js中比較復(fù)雜,下面這篇文章主要給大家介紹了關(guān)于JavaScript注冊監(jiān)聽事件和清除監(jiān)聽事件方式的相關(guān)資料,需要的朋友可以參考下2023-05-05
關(guān)于javascript DOM事件模型的兩件事
DOM事件模型的兩件事:事件捕捉(Event Capture)的實(shí)現(xiàn)問題以及IE的高級事件處理模型的問題。2010-07-07
JavaScript實(shí)現(xiàn)找質(zhì)數(shù)代碼分享
這篇文章主要介紹了JavaScript實(shí)現(xiàn)找質(zhì)數(shù)代碼分享,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-03-03
javascript實(shí)現(xiàn)點(diǎn)擊小圖顯示大圖
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)點(diǎn)擊小圖顯示大圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11
通過JAVASCRIPT讀取ASP設(shè)定的COOKIE
通過JAVASCRIPT讀取ASP設(shè)定的COOKIE...2007-02-02
分享9個(gè)最好用的JavaScript開發(fā)工具和代碼編輯器
這篇文章主要介紹了9個(gè)最好用的JavaScript開發(fā)工具和代碼編輯器,需要的朋友可以參考下2015-03-03

