这篇文章主要讲解了“JavaScript中的异步为什么不能省掉await”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript中的异步为什么不能省掉await”吧!
之前我知道要在JavaScript
中同步获取异步执行的结果,必须带await
;在for循环中,如果不用Promise.All的话,异步不起效果。但是每次需要等待执行结果的时候,都需要带async
和await
,我觉得老麻烦了,也不好看。如果记住了这两个单词的写法倒还好,没记住的话每次拼错,能把思路打断,忽然冒出这样的单词,也不美观。
于是我就一致致力于解决这个问题,作为一个经常以造轮子为自豪的程序员,我认为我有责任为JavaScript
的改变做出一点小小的贡献。
请看下面这段代码:
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
中,不管你如何包裹,用什么技术都无法真正避免async
和await
了。
看translate方法调用的地方,调用完之后打印翻译的结果。这么做的目的,我当然是希望有结果之后打印了,如果打印的是Promise { <pending> },
那说明没有等待就直接执行了。
为了达到有结果之后再打印的目的,我在translate
方法中自作聪明地封装了一道async()=>{await},
然后让translate
返回await
执行的结果。但是这个方法不会起到任何作用,因为最后打印的结果仍然是我想要竭尽全力避免的
为什么呢?因为我搞忘了async
只对function
起作用,也就是说async
是有作用域的。在我执行了let c = translate('中文')
这个方法之后,因为我没有告诉编译器translate
需要await(我自以为translate内部已经实现了async
和await
,那么translate
就会自动等待执行结果返回。但是因为有作用域的存在,translate内部的作用域是无法影响到translate
方法执行的这一层面上的。),所以编译器还是直接执行了console.log('c', c)
,也就是打印了Promise
{ <pending> }。
通过引入作用域这个概念,方法体的async
、await
无法使方法调用这个层级也async
、await
,你大概就能理解JavaScript
中,为什么异步无法省略await了。
感谢各位的阅读,以上就是“JavaScript中的异步为什么不能省掉await”的内容了,经过本文的学习后,相信大家对JavaScript中的异步为什么不能省掉await这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!