欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

JavaScript中的异步能省掉await吗?

时间:2022-04-25 10:49:01|栏目:JavaScript代码|点击:

之前我知道要在JavaScript中同步获取异步执行的结果,必须带await;在for循环中,如果不用Promise.All的话,异步不起效果。但是每次需要等待执行结果的时候,都需要带asyncawait,我觉得老麻烦了,也不好看。如果记住了这两个单词的写法倒还好,没记住的话每次拼错,能把思路打断,忽然冒出这样的单词,也不美观。

于是我就一致致力于解决这个问题,作为一个经常以造轮子为自豪的程序员,我认为我有责任为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中,不管你如何包裹,用什么技术都无法真正避免asyncawait了。

看translate方法调用的地方,调用完之后打印翻译的结果。这么做的目的,我当然是希望有结果之后打印了,如果打印的是Promise { <pending> },那说明没有等待就直接执行了。

为了达到有结果之后再打印的目的,我在translate方法中自作聪明地封装了一道async()=>{await}, 然后让translate返回await执行的结果。但是这个方法不会起到任何作用,因为最后打印的结果仍然是我想要竭尽全力避免的

为什么呢?因为我搞忘了async只对function起作用,也就是说async是有作用域的。在我执行了let c = translate('中文')这个方法之后,因为我没有告诉编译器translate需要await(我自以为translate内部已经实现了asyncawait,那么translate就会自动等待执行结果返回。但是因为有作用域的存在,translate内部的作用域是无法影响到translate方法执行的这一层面上的。),所以编译器还是直接执行了console.log('c', c) ,也就是打印了Promise { <pending> }。

通过引入作用域这个概念,方法体的asyncawait无法使方法调用这个层级也asyncawait,你大概就能理解JavaScript中,为什么异步无法省略await了。

上一篇:JS简单实现父子窗口传值功能示例【未使用iframe框架】

栏    目:JavaScript代码

下一篇:WiFi开发|WiFi无线技术介绍

本文标题:JavaScript中的异步能省掉await吗?

本文地址:http://www.codeinn.net/misctech/200178.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有