ES6 - Promise, Generator, async（异步操作）使用比较

导读：

• 分别使用Promise, Generator, async三种异步操作读取文件，async无论是语义化 / 代码优雅都有很大优势。

例子：

const fs = require('fs');

// 简单封装   fs封装成一个Promise
const readFile = function(fileName) {
    return new Promise((resolve, reject) =>{
        fs.readFile(fileName, (err, data)=> {
            if(err) reject(err);
            resolve(data);
        });
    });
}


// promise
readFile('data/1.txt').then(res =>{
    console.log(res.toString());
    return readFile('data/2.txt');
}).then(res =>{
    console.log(res.toString());
    return readFile('data/3.txt');
}).then(res =>{
    console.log(res.toString());
});

// generator
function* gen() {
    yield readFile('data/1.txt');     // 使用next().value返回的是Promise对象，故顺序调用时方法同Promise
    yield readFile('data/2.txt');
    yield readFile('data/3.txt');
}
let g1 = gen();

g1.next().value.then(res =>{
    console.log(res.toString());
    return g1.next().value;
}).then(res =>{
    console.log(res.toString());
    return g1.next().value;
}).then(res =>{
    console.log(res.toString());
})

// async 
async function fn() {     
    let [a, b ,c] = await Promise.all([    
     // 由于不指定文件顺序，使用Promise.all()，指定顺序分开使用await，注意： 使用await最好加上try{}catch(e){}
        readFile('data/1.txt'), 
        readFile('data/2.txt'), 
        readFile('data/3.txt')
    ]); 
    console.log(a.toString());
    console.log(b.toString());
    console.log(c.toString());
}
fn();

• 执行结果：

  
  
  Result

总结：

• async特点：
  1. await只能放到async函数中
  2. 相比gengerator语义化更强
  3. await后面可以是promise对象，也可以是数字，字符串等
  4. async函数返回值是一个promise对象
  5. 只要await语句后面promise状态变成了reject，整个async函数会中断执行， 故一般使用try{}catch(e){}包裹