草庐IT

ES8(13)、await 和 async 的用法

飞天小猪_pig 2023-03-28 原文

async函数是使用async关键字声明的函数。 async函数是AsyncFunction构造函数的实例， 并且其中允许使用await关键字。async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为，而无需刻意地链式调用promise。

1、先简单回顾一下Promise用法

function 摇色子(){
  return new Promise((resolve,reject)=>{
    setTimeout(()=>{
      let n=parseInt(Math.random()*6+1,10) //1~6的随机数
      resolve(n)
    },1000)
  })
}

摇色子().then(
   x=>{
     console.log("色子的点数是"+x);
   },
   ()=>{
     console.log("摇色子还能失败？");
   },
)

2、上面采用链式.then调用promise，现在改用用async函数

function 摇色子(){
  return new Promise((resolve,reject)=>{
    setTimeout(()=>{
      let n=parseInt(Math.random()*6+1,10) //1~6的随机数
      resolve(n)
    },1000)
  })
}

async function test(){
  let n=await 摇色子()  //await不能直接使用，必须要用async 声明的函数包裹才能使用，否则报错
  console.log(n)
}

test()

3、改用了async...await，如果要打印出错误信息可以结合try...catch使用

function 猜大小(猜测){
  return new Promise((resolve,reject)=>{
    console.log("开始摇色子")
    setTimeout(()=>{
      let n=parseInt(Math.random()*6+1,10) //1~6的随机数
      if(n>3){
        if(猜测==="大"){
          resolve(n);
        }else{
          console.log('error')
          reject(n)
        }
      }else{
        if(猜测==="小"){
          resolve(n);
        }else{
        console.log('error')
        reject(n)
        }
      }
      resolve(n)
    },1000)
  })
}

async function test(){
  try{
    let n=await 猜大小("大")
    console.log("中奖了"+n)
  }catch(error){
    console.log("输光了"+error)
  }
}

test()

4、但是async...await也有自己局限性，例如还是上面例子，如果我要同时进行两次猜色子游戏，

（1）、用链式.then写法：引用Promise.all这个API

Promise.all([猜大小('大'),猜大小('大')])  //引用Promise.all这个API，两者都成功才会执行
  .then((x)=>{console.log(x)},(y)=>{console.log(y)})

（1）、用async...await写法：还是引用Promise.all这个API

async function test(){
  try{
    let n=await Promise.all([猜大小('大'),猜大小('大')]) 
    console.log("中奖了"+n)
  }catch(error){
  console.log("输光了"+error)
  }
}

test()

4、使用async...await返回值依旧是一个Promise，这个promise要么会通过一个由async函数返回的值被解决，要么会通过一个从async函数中抛出的（或其中没有被捕获到的）异常被拒绝。

用法awaitcode色子猜大小

有关ES8(13)、await 和 async 的用法的更多相关文章

  1. 使用canal同步MySQL数据到ES - 2

    文章目录一、概述简介原理模块二、配置Mysql使用版本环境要求1.操作系统2.mysql要求三、配置canal-server离线下载在线下载上传解压修改配置单机配置集群配置分库分表配置1.修改全局配置2.实例配置垂直分库水平分库3.修改group-instance.xml4.启动监听四、配置canal-adapter1修改启动配置2配置映射文件3启动ES数据同步查询所有订阅同步数据同步开关启动4.验证五、配置canal-admin一、概述简介canal是Alibaba旗下的一款开源项目，Java开发。基于数据库增量日志解析，提供增量数据订阅&消费。Git地址：https://github.co

  2. ruby - 安装libv8(3.11.8.13)出错，Bundler无法继续 - 2

    运行bundleinstall后出现此错误:Gem::Package::FormatError:nometadatafoundin/Users/jeanosorio/.rvm/gems/ruby-1.9.3-p286/cache/libv8-3.11.8.13-x86_64-darwin-12.gemAnerroroccurredwhileinstallinglibv8(3.11.8.13),andBundlercannotcontinue.Makesurethat`geminstalllibv8-v'3.11.8.13'`succeedsbeforebundling.我试试gemin

  3. ES基础入门 - 2

    ES一、简介1、ElasticStackES技术栈：ElasticSearch：存数据+搜索；QL；Kibana：Web可视化平台，分析。LogStash：日志收集，Log4j:产生日志；log.info(xxx)。。。。使用场景：metrics：指标监控…2、基本概念Index（索引）动词：保存（插入）名词：类似MySQL数据库，给数据Type（类型）已废弃，以前类似MySQL的表现在用索引对数据分类Document（文档）真正要保存的一个JSON数据{name:"tcx"}二、入门实战{"name":"DESKTOP-1TSVGKG","cluster_name":"elasticsear

  4. ruby-on-rails - gem install rmagick -v 2.13.1 错误 Failed to build gem native extension on Mac OS 10.9.1 - 2

    我已经通过提供MagickWand.h的路径尝试了一切，我安装了命令工具。谁能帮帮我？$geminstallrmagick-v2.13.1Buildingnativeextensions.Thiscouldtakeawhile...ERROR:Errorinstallingrmagick:ERROR:Failedtobuildgemnativeextension./Users/ghazanfarali/.rvm/rubies/ruby-1.8.7-p357/bin/rubyextconf.rbcheckingforRubyversion>=1.8.5...yescheckingfor/

  5. ruby - 有人可以解释一下在 Ruby 中注入(inject)的真实、通俗易懂的用法吗？ - 2

    我正在学习Ruby，遇到了inject。我正处于理解它的风口浪尖，但当我是那种需要真实世界的例子来学习一些东西的人时。我遇到的最常见的例子是人们使用inject来添加一个(1..10)范围的总和，我不太关心这个。这是一个任意的例子。在实际程序中我会用它做什么？我正在学习，所以我可以继续使用Rails，但我不必有一个以Web为中心的示例。我只需要一些我可以全神贯注的目标。谢谢大家。 最佳答案 inject有时可以通过它的“其他”名称reduce更好地理解。它是一个对Enumerable进行操作(迭代一次)并返回单个值的函数。它有许多有

  6. ruby - 使用法拉第上传文件 - 2

    我在尝试使用Faraday将文件上传到网络服务时遇到问题。我的代码:conn=Faraday.new('http://myapi')do|f|f.request:multipartendpayload={:file=>Faraday::UploadIO.new('...','image/jpeg')}conn.post('/',payload)尝试发布后似乎没有任何反应。当我检查响应时this是我所看到的:#:post,:body=>#,#,@opts={}>,#],@index=0>>,#>],@ios=[#,#,@opts={}>,#],@index=0>,#],@index=0>

  7. ruby - rspec: raise_error 用法来匹配错误信息 - 2

    我使用raise(ConfigurationError.new(msg))引发错误我试着用rspec测试一下:expect{Base.configuration.username}.toraise_error(ConfigurationError,message)但这行不通。我该如何测试呢？目标是匹配message。 最佳答案 您可以使用正则表达式匹配错误消息:it{expect{Foo.bar}.toraise_error(NoMethodError,/private/)}这将检查NoMethodError是否由privateme

  8. 【ChatGPT】ChatGPT 的 N 种用法 - 2

    目录ChatGPT简介技术原理应用未来发展ChatGPT的10 种用法ChatGPT简介ChatGPT是一种基于深度学习的大型语言模型，由OpenAI公司开发。技术原理GPT是GenerativePre-trainedTransformer的缩写，意为生成式预训练变压器。它的技术原理是使用了一个基于注意力机制的变压器（Trans

  9. ruby - 是否有 Rack::Session::Cookie 用法的基本示例？ - 2

    我找不到任何使用Rack::Session::Cookie的简单示例，并且希望能够将信息存储在cookie中，并在以后的请求中访问它并让它过期.这些是我能找到的唯一示例:HowdoIset/getsessionvarsinaRackapp?http://rack.rubyforge.org/doc/classes/Rack/Session/Cookie.html这是我得到的:useRack::Session::Cookie,:key=>'rack.session',:domain=>'foo.com',:path=>'/',:expire_after=>2592000,:secret=

  10. ruby-on-rails - Heroku 错误 H13 - 2

    自从我将我的应用程序部署到heroku以来，在过去的几天里，我一直在断断续续地收到这个错误。它发生在我开始使用unicorn作为服务器之前和之后。有时我可以通过使用herokurunrakedb:migrate然后herokurestart让它恢复运行，但这只修复了几个小时，它又坏了。至于网页，它说“应用程序错误”。日志不是很有用，但每次发生此错误时都会显示以下内容:[2014-10-27T21:13:31.675956#2]ERROR--:worker=1PID:8timeout(16s>15s),killing[2014-10-27T21:13:31.731646#14]INFO-

随机推荐