专栏名称: 前端周刊
在前端领域跟上时代的脚步。聚焦最新前端技术、框架、教程、工具、资讯和文章,由资深前端工程师精选精编,为你传道授业解惑,在前端路上祝你一臂之力。
目录
相关文章推荐
51好读  ›  专栏  ›  前端周刊

玩转异步 JS :async\/await 简明教程(附视频下载)

前端周刊  · 公众号  · 前端  · 2017-11-10 08:39

正文

课程介绍

在软件开发领域,简洁的代码 => 容易阅读的代码 => 容易维护的代码,而 ES2017 中的 async/await 特性能让我们编写出相比回调地狱和 Promise 链式调用更直观、更容易理解的代码,await 关键字接收一个 Promise,等待代码执行,直到 Promise 状态变为 resolved 或者 rejected,这种特性能让我们的异步代码阅读起来更像是同步代码。

本课程共 8 小节 20 分钟,将会从编写简单的 async/await 函数开始,用实例带领大家探索 async/await 实战的方方面面,比如如何结合 Promise 和 await 关键字?如何定义不同类型的 async 函数?如何安全的使用 async/await,即处理错误?如何让多个 await 串行或并行?如何在循环中正确使用 await?

适用人群

  • [required] 具备 JS 基础知识,知道如何运行 Node.js 脚本;

  • [required] 知道 Callback、Promise 等异步处理概念;

  • [optional] 期望学习新特性,编写更简洁易懂易维护的代码;

  • [optional] 期望不断打磨 JS 技能,让自己变得更值钱;

内容目录

1. 编写第一个 async/await 函数

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

2. 将 async 函数用在 Promise 链中

带你探索如何在 Promise 链中像使用其他 Promise 一样无缝使用 async 函数。

3. 把任意类型的函数转成 async 风格

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

4. 处理 async 函数中的错误

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

5. 正确处理多个 await 操作的并行串行

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

6. 使用 Promise.all() 让多个 await 操作并行

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







请到「今天看啥」查看全文