JavaScript中的异步能省掉await吗?
时间：2022-04-25 10:49:01 | 栏目：JavaScript代码 | 点击：次
之前我知道要在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了。