美文网首页ES6
ES6 - Promise, Generator, async

ES6 - Promise, Generator, async

作者: 饮杯梦回酒 | 来源:发表于2019-02-24 16:00 被阅读0次

    导读:

    • 分别使用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){}包裹

    相关文章

      网友评论

        本文标题:ES6 - Promise, Generator, async

        本文链接:https://www.haomeiwen.com/subject/ezqbyqtx.html