浅谈Express异步进化史

1、导言

在 Javascript 的世界里，异步（由于JavaScript的单线程运行，所以JavaScript中的异步是可以阻塞的）无处不在。

Express 是 node 环境中非常流行的Web服务端框架，有很大比例的 Node Web应用 采用了 Express。

当使用 JavaScript 编写服务端代码时，我们无可避免的会大量使用到异步。随着 JavaScript、Node 的进化，我们的异步处理方式，也就随之进化。

接下来，我们就来看看 Express 中异步处理的进化过程。

2、JavaScript的异步处理

在异步的世界里，我们需要想办法获取的异步方法完毕的通知，那在 JavaScript 中，会有哪些方式呢？

2.1、回调

回调是 JS 中最原始，也是最古老的异步通知机制。

function asyncFn(callback) {
 // 利用setTimeout模拟异步
 setTimeout(function () {
  console.log('执行完毕');
  callback(); // 发通知
 }, 2000);
}
asyncFn(function () {
 console.log('我会在2s后输出');
});

2.2、事件监听

要获取结果的函数，监听某个时间。在异步方法完成后，触发该事件，达到通知的效果。

2.3、发布/订阅

通过观察者模式，在异步完成时，修改发布者。这个时候，发布者会把变更通知到订阅者。

2.4、Promise

Promise 是回调函数的改进。使用它， 我们可以将异步平行化，避免回调地狱。

function asyncFn() {
 return new Promise((resolve, reject) => {
  // 利用setTimeout模拟异步
  setTimeout(function () {
   console.log('执行完毕');
   resolve(); // 发通知（是否有感觉到回调的影子？）
  }, 2000);
 });
}
asyncFn()
 .then(function () {
  console.log('我会在2s后输出');
 });

2.5、生成器（Generator）

Generator 函数是 ES6 提供的一种异步编程解决方案。

以下代码只是简单演示，实际上 Generator 的使用过程，相对是比较复杂的，这是另外一个话题，本文暂且不表。

function asyncFn() {
 return new Promise((resolve, reject) => {
  // 利用setTimeout模拟异步
  setTimeout(function () {
   console.log('执行完毕');
   resolve(); // 发通知（是否有感觉到回调的影子？）
  }, 2000);
 });
}
function* generatorSync() {
 var result = yield asyncFn();
}
var g = generatorSync();
g.next().value.then(()=>{
 console.log('我会在2s后输出');
});

2.6、async…await

可以说是当前 JavaScript 中，处理异步的最佳方案。