[Node] 逃离回调地狱

逃离Node回调地狱

Background :

在Node中，函数的返回结果大多利用回调的方式处理。如简单的判断文件是否存在并读取内容：

var fs = require('fs');
fs.exists('path/to/file', function (exists) {
    if (exists) {
        fs.readFile('path/to/file', function (err, data) {
            if (err) {
                console.log('error: ', err);
            } else {
                console.log(data);
            }
        });
    }
});

这里暂不考虑existsSync和readFileSync这类函数，由于并非全部函数都有对应的Sync函数，回调形式是Node的主角。

如上述示例，当回调嵌套过多时，代码的可读性将会严重降低。这就是所谓的回调地狱。

Solution :

关于回调地狱，网上有不少解决方案。通常是利用promise，async或者Generator来解决回调嵌套。

本文给你们介绍一种新的解决方案：await（我的认为比以前的看到的promise或者async的方案好不少）。
await是ES7的特性，尽管Node的最新版本（6.4.0）已经支持大多数ES2015（ES6）特性，可是await并不被Node支持。

TypeScript

TypeScript是具备类型系统的JavaScript超集。 它能够编译成普通的JavaScript代码。 TypeScript支持任意浏览器，任意环境，任意系统而且是开源的。
利用TypeScript中的async/await能够很好的解决回调地狱：

import * as fs from 'fs';
async function existsAsync(filePath: string): Promise<boolean> {
    return new Promise<boolean>((resolve, reject) => {
        fs.exists(filePath, (exists: boolean) => {
            resolve(exists);
        });
    });
}

async function readFileAsync(filePath: string, encoding: string = 'utf8'): Promise<string> {
    return new Promise<string>((resolve, reject) => {
        fs.readFile(filePath, encoding, (err, data) => {
            if (err) {
                reject(err);
            } else {
                resolve(data);
            }
        });
    });
}

async function main(): Promise<void> {
    let exists: boolean = await existsAsync('path/to/file');
    if (exists) {
        let fileContent: string = await readFileAsync('path/to/file').catch((reason) => {
            console.log('rejected: ', reason);
        });
        console.log(fileContent);
    }
}

main().then(() => {
    console.log('problem solved');
});

Explanation :

因为ES2015还没有包含await特性，因此TypeScript中的await在编译成js以后利用的是Generator来实现await效果的。

TypeScript编译的target默认是ES5，因此想使用async/await要把tsconfig.json中的target属性改成es2015。

Conclusion :

利用TypeScript中的async/await能够将Node中的回调扁平化，比promise式的链式调用更易读。我的认为是解决回调地狱的首选方案。

TypeScript做为js的超集，能够用在任何使用js的场景。配合typings和VS code的IntelliSense，写js不再痛苦啦~