Skip to content

Commit 8c09893

Browse files
committed
update: readme and README.png
1 parent efdfb2e commit 8c09893

File tree

1 file changed

+42
-32
lines changed

1 file changed

+42
-32
lines changed

README.md

Lines changed: 42 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,51 @@
1-
# 玩转 async/await
1+
# 玩转异步 JS :async/await 简明教程
22

33
## 课程介绍
44

5-
通过这门课程能学习如何使用 ES2017 中的 `async/await` 特性编写出相比于 `promise chain``callback hell` 更容易阅读理解的代码。`await` 关键字接收一个 `promise`,终止代码的执行,直到 `promise` 状态变为 `resolved` 或者 `rejected`,这种特性能让我们的异步代码阅读起来更像是同步代码。
5+
在软件开发领域,简洁的代码 => 容易阅读的代码 => 容易维护的代码,而 ES2017 中的 async/await 特性能让我们编写出相比回调地狱和 Promise 链式调用更直观、更容易理解的代码,await 关键字接收一个 Promise,等待代码执行,直到 Promise 状态变为 resolved 或者 rejected,这种特性能让我们的异步代码阅读起来更像是同步代码。
66

7-
打开本课程,你将会从编写简单的 `async/await` 函数开始,逐步学会如何结合 `promise``await` 关键字如何定义不同类型的 `async` 函数,如何处理错误,如何让 `await` 代码串行或并行,如何在循环中正确使用 `await`等。
7+
本课程将会从编写简单的 async/await 函数开始,用实例带领大家探索 async/await 实战的方方面面,比如如何结合 Promise 和 await 关键字如何定义不同类型的 async 函数?如何安全的使用 async/await,即处理错误?如何让多个 await 串行或并行?如何在循环中正确使用 await
88

99
## 适用人群
1010

11-
* [`required`]具备 `JS` 基础知识,知道如何运行 `Node.js` 脚本;
12-
* [`required`]知道 `Callback``Promise` 等异步处理概念;
13-
* [`optional`]期望学习新的异步特性,编写更简洁易懂已维护的代码
14-
* [`optional`]期望不断打磨自己的 `JS` 技能,让自己变得更值钱;
11+
* [required] 具备 JS 基础知识,知道如何运行 Node.js 脚本;
12+
* [required] 知道 CallbackPromise 等异步处理概念;
13+
* [optional] 期望学习新的异步特性,编写更简洁易懂易维护的代码
14+
* [optional] 期望不断打磨自己的 JS 技能,让自己变得更值钱;
1515

1616
## 内容目录
1717

18-
### 1. 编写第一个 `async/await` 函数
18+
### 1. 编写第一个 async/await 函数
1919

20-
手把手教你把发起 `HTTP` 请求并解析响应的代码改写成 `async/await` 风格,让你学会 `async/await` 的基本语法。
20+
手把手教你把发起 HTTP 请求并解析响应的代码改写成 async/await 风格,让你学会 async/await 的基本语法。
2121

22-
### 2. 将 `async` 函数用在 `promise chain`
22+
### 2. 将 async 函数用在 Promise 链中
2323

24-
代理探索如何在 `promise chain` 中就像使用其他 `promise` 一样无缝使用 `async` 函数。
24+
带你探索如何在 Promise 链中像使用其他 Promise 一样无缝使用 async 函数。
2525

26-
### 3. 把任意类型的函数转成 `async` 风格
26+
### 3. 把任意类型的函数转成 async 风格
2727

28-
实例演示如何将任意函数写成 `async` 风格,包括函数声明、函数表达式、箭头函数、类方法、对象方法等。
28+
实例演示如何将任意函数写成 async 风格,包括函数声明、函数表达式、箭头函数、类方法、对象方法等。
2929

30-
### 4. 处理 `async` 函数中的错误
30+
### 4. 处理 async 函数中的错误
3131

32-
不同于 `promise` 中的 `.catch()` 错误处理机制,在 `async` 函数中,我们需要使用 `try/catch` 结构来恰当的处理错误。
32+
不同于 Promise 中的 .catch() 错误处理机制,在 async 函数中,我们需要使用 try/catch 结构来恰当的处理错误。
3333

34-
### 5. 正确处理多个 `await` 操作的并行串行
34+
### 5. 正确处理多个 await 操作的并行串行
3535

36-
学会通过移动 `await` 关键词的位置实现多个 `await` 操作串行或者并行,并且用数据证明让多个异步操作并行的性能优势。
36+
学会通过移动 await 关键词的位置实现多个 await 操作串行或者并行,并且用数据证明让多个异步操作并行的性能优势。
3737

38-
### 6. 使用 `Promise.all()` 让多个 `await` 操作并行
38+
### 6. 使用 Promise.all() 让多个 await 操作并行
3939

40-
学会使用 ES2015 中的解构和 `Promise.all()` 实现多个异步操作的并行,非常适合需要同时发起多个请求的情形,代码可读性不打折扣。
40+
学会使用 ES2015 中的解构和 Promise.all() 实现多个异步操作的并行,非常适合需要同时发起多个请求的情形,代码可读性不打折扣。
4141

42-
### 7. 结合 `await` 和任意兼容 `.then()` 的代码
42+
### 7. 结合 await 和任意兼容 .then() 的代码
4343

44-
`await` 操作符并不仅仅局限于 `ES2015``promise`,可以和任意兼容 `.then()` 方法的代码使用,通过实例学会如何与流行的 Promise 库结合使用。
44+
await 操作符并不仅仅局限于 ES2015 的 Promise,可以和任意兼容 .then() 方法的代码使用,通过实例学会如何与流行的 Promise 库结合使用。
4545

46-
### 8. 在 `for` 循环中正确的使用 `await`
46+
### 8. 在 for 循环中正确的使用 await
4747

48-
理解 `for` 循环中 `await` 不同写法带来的性能影响,以及改进的方法。
48+
理解 for 循环中 await 不同写法带来的性能影响,以及改进的方法。
4949

5050
## 源码链接
5151

@@ -59,16 +59,16 @@ cd course-javascript-async-await
5959
node xxx.js
6060
```
6161

62-
上面的 `xxx.js` 对应没节课程的源码,列表如下:
62+
上面的 xxx.js 对应每节课程的源码,列表如下:
6363

64-
1. [编写第一个 `async/await` 函数](https://github.com/wangshijun/course-javascript-async-await/blob/master/01-first-async-await-function.js)
65-
1. [`async` 函数用在 `promise chain`](https://github.com/wangshijun/course-javascript-async-await/blob/master/02-use-async-function-as-promise.js)
66-
1. [把任意类型的函数转成 `async` 风格](https://github.com/wangshijun/course-javascript-async-await/blob/master/03-convert-any-function-into-async.js)
67-
1. [处理 `async` 函数中的错误](https://github.com/wangshijun/course-javascript-async-await/blob/master/04-handling-errors-for-async.js)
68-
1. [正确处理多个 `await` 操作的并行串行](https://github.com/wangshijun/course-javascript-async-await/blob/master/05-await-multiple-promise-seq-or-concurrently.js)
69-
1. [使用 `Promise.all()` 让多个 `await` 操作并行](https://github.com/wangshijun/course-javascript-async-await/blob/master/06-await-multiple-promise-with-all.js)
70-
1. [结合 `await` 和任意兼容 `.then()` 的代码](https://github.com/wangshijun/course-javascript-async-await/blob/master/07-use-await-with-any-thenable.js)
71-
1. [`for` 循环中正确的使用 `await`](https://github.com/wangshijun/course-javascript-async-await/blob/master/08-await-in-loops.js)
64+
1. [编写第一个 async/await 函数](https://github.com/wangshijun/course-javascript-async-await/blob/master/01-first-async-await-function.js)
65+
1. [将 async 函数用在 Promise chain 中](https://github.com/wangshijun/course-javascript-async-await/blob/master/02-use-async-function-as-Promise.js)
66+
1. [把任意类型的函数转成 async 风格](https://github.com/wangshijun/course-javascript-async-await/blob/master/03-convert-any-function-into-async.js)
67+
1. [处理 async 函数中的错误](https://github.com/wangshijun/course-javascript-async-await/blob/master/04-handling-errors-for-async.js)
68+
1. [正确处理多个 await 操作的并行串行](https://github.com/wangshijun/course-javascript-async-await/blob/master/05-await-multiple-Promise-seq-or-concurrently.js)
69+
1. [使用 Promise.all() 让多个 await 操作并行](https://github.com/wangshijun/course-javascript-async-await/blob/master/06-await-multiple-Promise-with-all.js)
70+
1. [结合 await 和任意兼容 .then() 的代码](https://github.com/wangshijun/course-javascript-async-await/blob/master/07-use-await-with-any-thenable.js)
71+
1. [在 for 循环中正确的使用 await](https://github.com/wangshijun/course-javascript-async-await/blob/master/08-await-in-loops.js)
7272

7373
## 运行环境
7474

@@ -78,3 +78,13 @@ node xxx.js
7878
## 参考资料
7979

8080
* [Google Web Fundamentals](https://developers.google.com/web/fundamentals/getting-started/primers/async-functions)
81+
82+
## 视频下载
83+
84+
关注《前端周刊》微信公众号,回复 course-async-await 即可获取高清视频教程下载地址。
85+
86+
![README.png](./README.png)
87+
88+
## 题外话
89+
90+
最后,可能你有同学会问,我为什么要做这个公开课?接下来的计划是什么?请阅读[好久不见,我总感觉欠你点什么](https://mp.weixin.qq.com/s/sH3jpHb7ry2_fF3OVrQ72Q)

0 commit comments

Comments
 (0)