Evan's blog Evan's blog
首页
关于
  • 分类
  • 标签
  • 归档
  • H5&CSS3
  • JS
  • TS
  • Node
  • Webpack
  • Vue2
  • Vue3
  • 微信小程序
  • Andorid
  • Flutter
推荐
GitHub (opens new window)

conanan

真相只有一个
首页
关于
  • 分类
  • 标签
  • 归档
  • H5&CSS3
  • JS
  • TS
  • Node
  • Webpack
  • Vue2
  • Vue3
  • 微信小程序
  • Andorid
  • Flutter
推荐
GitHub (opens new window)
  • 入门

  • 理解

  • 语法

  • 异步

    • 6 异步-1 定时器
    • 6 异步-2 Promise
    • 6 异步-3 async & await
  • 模块化

  • 网络

  • DOM&BOM

  • 常用框架

  • JS
  • 异步
xugaoyi
1984-01-24

6 异步-3 async & await

# async & await

是也不完全是 Promise 的语法糖,以同步的写法来执行异步代码,直观。使用 async 即也是创建了 Promise 对象。

async function async1() {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve("执行成功,返回结果");
    }, 1000);
  });
}

async function async2() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      reject("执行失败,返回错误信息");
    }, 500);
  });
}

// await is only valid(有效)in async function
async function asyncMain() {
  let result1 = await async1();
  console.log(result1);

  try {
    let result2 = await async2();
  } catch (error) {
    console.log(error);
  }
}

asyncMain();
// 执行成功,返回结果
// 执行失败,返回错误信息
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
编辑 (opens new window)
上次更新: 2022/03/23, 17:55:39
6 异步-2 Promise
7 模块化-1 ES6模块化

← 6 异步-2 Promise 7 模块化-1 ES6模块化→

最近更新
01
重点
04-12
02
搭建项目
04-04
03
TS补充
03-30
更多文章>
Theme by Vdoing | Copyright © 2019-2022 conanan | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式