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