浅谈promise用法

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)
})
复制代码

转载于:https://juejin.im/post/5afaea506fb9a07acf565040