如何快速掌握js异步编程的新手技巧？

本文共计1549个文字，预计阅读时间需要7分钟。

前言+异步编程从早期的+callback、事件发布/订阅模式到ES6的+Promise、Generator，再到ES2017中的+async，看似风格迥异，但有一条暗线将它们串联在一起，那就是希望将异步编程的代码表达到位。

前言

异步编程从早期的 callback、事件发布\订阅模式到 ES6 的 Promise、Generator 在到 ES2017 中 async，看似风格迥异，但是还是有一条暗线将它们串联在一起的，就是希望将异步编程的代码表达尽量地贴合自然语言的线性思维。

以这条暗线将上述几种解决方案连在一起，就可以更好地理解异步编程的原理、魅力。
├── 事件发布\订阅模式 <= Callback
├── Promise <= 事件发布\订阅模式
├── Async、Await <= Promise、Generator

事件发布\订阅模式 <= Callback

这个模式本质上就是回调函数的事件化。它本身并无同步、异步调用的问题，我们只是使用它来实现事件与回调函数之间的关联。比较典型的有 NodeJS 的 events 模块

const { EventEmitter } = require('events') const eventEmitter = new EventEmitter() // 订阅 eventEmitter.on("event", function(msg) { console.log("event", msg) }) // 发布 eventEmitter.emit("event", "Hello world")

那么这种模式是如何与 Callback 关联的呢？我们可以利用 Javascript 简单实现 EventEmitter，答案就显而易见了。