1129-使用promise、async+await处理异步

194 阅读3分钟

promise

  • 解决回调地狱
//fs.readFile是异步读取文件,后续会讲到。
//例子:先读1.txt 在读2.txt 在读3.txt,第一次的输出是下一次的输入
//下面这种读取方式,导致回调地狱,不方便维护
let fs = require('fs')
fs.readFile('./1.txt','utf8',(err,data)=>{ //错误优先
    if(err) return;
    fs.readFile(data,'utf8',(err,data)=>{
        if(err) return;
        fs.readfile(data,'utf8',(err,data)=>{
            if(err)return;
            console.log(data)
        })
    })
})
//下面这种方式,利用promise,解决回调地狱
let util = require('util');
let read = util.promisify(fs.readFile) //将异步方法promise化
read('1.txt','utf8').then(data=>{
    //流程控制
    //如果返回一个promise实例,则会把这个promise的执行结果,传递到下一个then中,根据这个promise成功与否决定下一个then执行成功或失败
    //如果返回的不是promise,会把返回值传递到下一个then的成功方法中
    return read(data.'utf8')
}).then(data=>{
    return read(data,'utf8')
}).then(data=>{
    console.log(data)
}).catch(e=>{
    //捕获错误。如果then中写了错误callback,就走then中,没写统一就走catch
    console.log(e)
})
  • 同步异步的结果,将多个异步请求在同一时刻拿到结果,进行合并。
案例:并行发出两个请求,当两个请求都回来了在执行操作
//解决这个问题需要计数器或者字典记录的方式实现。
let { promisify} = require('util')
let read = promisify(fs.readFile)
let obj = {}
read('1.txt','utf8').then(data=>{
    obj.a = data;
    out();
},err=>{
    console.log(err)
})
read('2.txt','utf8').then(data=>{
    obj.b = data;
    out();
},err=>{
    console.log(err)
})
function out(){
    if(obj.a && obj.b){
        console.log(obj)
    }
}

//Promise提供了all方法解决 同步异步结果 繁琐的过程。
//Promise.all([p1,p2]).then(); 
//all方法返回的是一个新的promise实例;then成功回调的data是一个数组,分别存放这每个promise请求的结果,顺序相同。如果一个失败,那就失败了;都成功才算成功
Promise.all([read('1.txt','utf8'),read('2.txt','utf8')]).then(data=>{
    console.log(data)
}).catch(e=>{
    console.log(e)
})
  • Promise类提供的其他方法
    //赛跑,谁快以谁为准。先完成的,如果失败那就失败,如果成功那就成功。
    let fs = require
    Promise.race([read('1.txt','utf8'),read('2.txt,'utf8)]).then(data=>{
        console.log(data)
    }).catch(e=>{
        console.log(e)
    })
    
    //创建一个成功的promise对象,把值传入then成功函数
    Promise.resolve(123).then(data=>{
        console.log(data)//123
    })
    //创建一个失败的promise对象,把值传入then失败函数
    Promise.reject('error').then(data=>{
        console.log(data)
    }).catch(e=>{
        console.log(e)
    })

async、await,简化promise的写法的语法糖,写法类似同步

  • es7语法;node7.9+支持。
  • 成对存在,终极异步解决方案
  • async修饰甘薯,只有用async修饰的函数,函数里才可用await; async放到function声明前;
  • async修饰的函数执行返回值是一个promise实例,会把函数实际return的值传递到then中;如果函数执行时有错误,会被catch捕获。
  • await 后面只能接一个promise实例
//async await 处理地狱回调
    let fs = require('fs');
    let util = require('util')
    let read = util.promisify(fs.readFile)
    async function getResult(){
            let content1 = await read('1.txt','utf8');
            let content2 = await read(content1,'utf8');
            let content3 = await read('content2','utf8');
            return content3;
    }
    getResult().then(data=>{
        console.log(data)
    }).catch(e=>{
        console.log(e)
    })
---------或者这样写-----------------
    async function getResult(){
        try{
            let content1 = await read('1.txt','utf8');
            let content2 = await read(content1,'utf8');
            let content3 = await read('content2','utf8');
            console.log(content3)
            //code...
        }catch(e=>{
            console.log(e)
        })
    }

//async await处理同步异步结果
async function getResult(){
    let data = await Promise.all([read('1.txt','utf8'),read('2.txt','utf8')])
    return data; //[结果1,结果2]
}
getResult().then(data=>{
    console.log(data) //[结果1,结果2]
}).catch(e=>{
    console.log(e)
})

-------或者这样写----

async function getResult() {
    let data = await  Promise.all([read('1.txt','utf8'),read('2.txt','utf8')])
    console.log(data) //[结果1,结果2]
    //code...
}
getResult()