[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再也不痛苦啦~