浅谈promise用法

312 阅读1分钟

Promise本意是承诺,在程序中的意思就是承诺我过一段时间后会给你一个结果。 什么时候会用到过一段时间?答案是异步操作,异步是指可能比较长时间才有结果的才做,例如网络请求、读取本地文件等

1.Promise的三种状态

  • Pending Promise对象实例创建时候的初始状态
  • Fulfilled 可以理解为成功的状态
  • Rejected 可以理解为失败的状态

then 方法就是用来指定Promise对象的状态改变时确定执行的操作, resolve 时执行第一个函数(onFulfilled), reject 时执行第二个函数(onRejected)

2.promise的基本用法

const fs = require('fs');
let promise = new Promise((resolve, reject) => {
    fs.readFile(__dirname+'/100.txt', 'utf8', function (err, data) {
        if (err) return reject(err); //失败时执行reject
        resolve(data);//成功时执行resolve
    })
});
promise.then((res) => {
    console.log(res)
},(err)=>{
    console.log(err)
})
//也可以用catch统一捕获错误
promise.then((res) => {
    console.log(res)
})
.catch(err=>{
    console.log(err)
})

3.promise链式调用解决回调地狱

  • 如果我们要在打开1.txt之后再打开2.txt,以前的做法是这样的
function read(_url,cb){
    fs.readFile(__dirname+_url, 'utf8', function (err, data) {
        if (err) return
        cb&&cb(data)
    })
}
read('/1.txt',function(data){
    console.log(data)
    read('/2.txt',function(data){
        console.log(data)
    })
})
  • 改成promise的形式
function read(_url){
    return new Promise((resolve,reject)=>{
        fs.readFile(__dirname+_url, 'utf8', function (err, data) {
            if (err) return reject(err)
            resolve(data)
        })
    })
}
read('/1.txt')
.then(res=>{
    console.log(res)
    return read('/2.txt')//此处要再次返回一个promise对象
})
.then(res=>{
    console.log(res)
})
.catch(err=>{
    console.log(err)
})

当第一个then中返回一个promise,会将返回的promise的结果,传递到下一个then中。这就是比较著名的链式调用了。

4.利用Promise.all方法将多个异步请求的结果在统一汇总

Promise.all([read('/1.txt'),read('/2.txt')])
.then(([res1,res2])=>{
    console.log(res1,res2)
})

5.promise.race赛跑,获得两个请求先返回的那个

Promise.race([read('/1.txt'),read('/2.txt')])
.then(res=>{
    console.log(res)
})