async和await的使用示例

ゞ浴缸里的玫瑰 2022-10-01 05:56 135阅读 0赞

一个关于猜大小的代码示例

function 猜大小(猜测) {
      return new Promise((resolve, reject) => {
        console.log('开始摇色子');
        setTimeout(() => {
          let n = parseInt(Math.random() * 10 + 1, 10);
          if (n > 5) {
            if (猜测 === "大") {
              resolve(n);
            } else {
              reject(n);
            }
          } else {
            if (猜测 === "小") {
              resolve(n);
            } else {
              reject(n);
            }
          }
        }, 3000);
      });
    }
    
    async function asyncCall() {
      try {
        let n = await 猜大小("大");
        console.log("我赢了" + n);
      } catch (error) {
        console.log("输光了" + error);
      }
    }
    
    asyncCall();
    复制代码

当然以上的是每次执行的都是一次猜大小的结果，如果我需要的是多次猜大小的结果呢？那么可以使用 `promise.all()`

async function asyncCall() {
      try {
        let n = await Promise.all([猜大小("大"),猜大小("大")]);
        console.log("我赢了" + n);
      } catch (error) {
        console.log("输光了" + error);
      }
    }
    复制代码

上面的代码表示的就是等待多次猜大小的执行结果，如果只是需要多次猜大小中的一个结果就好？那么可以使用`Promise.race()`

async function asyncCall() {
      try {
        let n = await Promise.race([猜大小("大"),猜大小("大")]);
        console.log("我赢了" + n);
      } catch (error) {
        console.log("输光了" + error);
      }
    }
    复制代码

async表示的是声明一个异步函数，await表示的是接受函数返回的隐式promise结果。 `try`和`catch`配合使用。

转载于:https://juejin.im/post/5c5924c76fb9a049f819bc6e

发表评论取消回复

表情：

评论列表（有 0 条评论，135人围观）

还没有评论，来说两句吧...

相关阅读

相关 async和await

前言在看vue-element-admin-4.2.1时，除了Promise对象处理异步操作外，想起来以前经常看到async和await处理异步，但具体怎么用就一脸懵逼

╰半夏微凉°/ 2024年03月17日 22:59/ 0 赞/ 118 阅读

相关 async和await的使用感受

业务场景，单点登录单点逻辑：从地址栏获取code及相关信息，处理加工后，找到对应接口，发起单点请求原来逻辑思路： 1、获取地址栏参数信息 2、判断code是

布满荆棘的人生/ 2023年07月11日 08:55/ 0 赞/ 10 阅读

相关 async await的使用

async await 是基于promise的语法糖它们使得异步代码易于编写和阅读 async 放在函数声明之前,使得函数变成 async function

川长思鸟来/ 2023年03月02日 13:08/ 0 赞/ 30 阅读

相关 async 和 await使用的介绍

async 和 await的使用 1、先看实际开发中的代码。 const getList = async () => { try {

柔光的暖阳◎/ 2023年01月18日 12:20/ 0 赞/ 175 阅读

相关 async await的使用方法

async & await是ES7中提出的新语法作用是将异步代码以同步的方式进行书写 await的用法：用来修饰异步代码，让其以同步的方式进行书写 a

柔光的暖阳◎/ 2022年11月25日 10:26/ 0 赞/ 169 阅读

相关【vue】async和await使用示例

> `前言` async toLogin(values) { let res = await this.$apis.user.toLogin({

以你之姓@/ 2022年10月10日 09:45/ 0 赞/ 171 阅读

相关 async和await的使用示例

一个关于猜大小的代码示例 function 猜大小(猜测) { return new Promise((resolve, reject) => {

ゞ浴缸里的玫瑰/ 2022年10月01日 05:56/ 0 赞/ 136 阅读

相关 async 和 await

文章目录一、async 函数说明二、async 与 await 封装 AJAX 请求一、async 函数说明 `ES8`标准引入了`async`

水深无声/ 2022年09月07日 12:22/ 0 赞/ 35 阅读

相关 async和await

python为了将语义变得更加明确，就引入了async和await关键词用于定义原生的协程 async def downloader(url):

梦里梦外;/ 2021年10月29日 07:52/ 0 赞/ 414 阅读

相关 async和await

async和await是es7中的语法 ----------------1--------------------- function getData(){

阳光穿透心脏的1/2处/ 2021年09月19日 00:18/ 0 赞/ 395 阅读