使用async/await——Nodejs+ExpressJs+Babel

在使用诸如restify/expressjs等Nodejs Web Framework时，我们最头疼的问题就是回调黑洞。

虽然后又Koa/Koa2号称“The Next Framework”使用co解决问题，但是核心this的设计和各种小流middleware对req/res的随意滥用，导致我对这个框架失去好感。

Expressjs依然是我在使用Nodejs编写API和Web时的首选框架。

在使用Expressjs时，如果我们也想使用await/async这些在ES7 stage-3中的特性，就需要借助别的工具。目前我推荐的是typescript（时下版本2.0.10）和babel，本章只介绍使用babel的方法，如有同学与我一样同样对ts兴趣甚深，可私信或留言彼此学习进步。

第一步

我们仍然使用npm init来生成一个package，内容如下：

 {
   "name": "express_babel_demo2",
   "version": "1.0.0",
   "description": "",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "",
   "license": "ISC",
   "dependencies": {
     "babel-core": "^6.18.2",
     "babel-preset-es2015": "^6.18.0",
     "babel-preset-stage-3": "^6.17.0",
     "babel-runtime": "^6.18.0",
     "bluebird": "^3.4.6",
     "express": "^4.14.0"
   },
   "devDependencies": {
     "babel-plugin-transform-runtime": "^6.15.0"
   }
 }

可以看到，在我们的依赖中，已经存在babel-core等组件，bluebird是我最喜欢的一个Promise A+实现，性能也是真男人。

第二步

然后我们新建一个.babelrc，用来描述babel的配置：

 {
     "presets": [
         "stage-3",
         "es2015"
     ],
     "plugins": [
         [
             "transform-runtime",
             {
                 "polyfill": false,
                 "regenerator": true
             }
         ]
     ]
 }

我们使用babel官方推荐的transform-runtime来进行启动翻译工作，而不是pollify，虽然后者有更多的功能，但是对于不需要的人来说，那是对原生对象的污染和项目性能的负担。

第三步

新建一个index.js文件，这个是demo的启动文件，代码依旧简单，引入babel、babel翻译和expressjs的入口：

 require('babel-core/register');
 require('./app.js');
 require("babel-core").transform("code", {
     plugins: ["transform-runtime"]
 });

第四步

编写一个app.js，使用原生fs库异步读取一下package.json文件并输出：

 var express = require('express');
 var app = express();
 var fs = require('fs');
 var Promise = require('bluebird');

 app.get('/', function (req, res) {
     testAsync();
     res.send('Hello World!');
 });

 var server = app.listen(3000, function () {
     var host = server.address().address;
     var port = server.address().port;

     console.log('Example app listening at http://%s:%s', host, port);
 });

 async function testAsync(name) {
     console.log("hello");
     for (let i = 0; i < 3; i++) {
         let fileContent = await readFile("package.json");
         console.log(new Buffer(fileContent).toString());
         console.log(".");
     }
     console.log(name);
 }
 let readFile = Promise.promisify(fs.readFile);

然后执行一下npm install，会下载依赖

再node index.js启动我们所编写的express demo。

浏览器访问localhost:3000，在控台里就能看到“异步读取、同步输出”的内容了。

demo github地址：GitHub Demo

---