Promise异步编程解决方案

2020-03-09 15:10:02 阅读：254 来源： 互联网

标签：异步 resolve console err 编程 readFile Promise data

为什么要用promise?

解决回调地狱
在这里插入图片描述


fs.readFile(__dirname + '/data/a.txt', (err, data)=>{
    if(!err){
        console.log(data.toString());
        fs.readFile(__dirname + '/data/b.txt', (err, data)=>{
            if(!err){
                console.log(data.toString());
            }
            fs.readFile(__dirname + '/data/cc.txt', (err, data)=>{
                if(!err){
                    console.log(data.toString());
                }
            });
        });
    }
});

异步请求解决方案

概念

什么是Promise？

promise，承诺。在代码中我们可以这么理解：此处我先许下个承诺，过了一定时间后我带给你一个结果。
在 Ecmascript 6 中体现出来就是一个容器对象, 一般用来封装一个异步操作

那么，在这一段时间中做什么？

我们可以进行异步操作;
比如请求网络数据、耗时运算、读写本地文件等

Promise的三种状态

异步操作是一个无法预测的事情，要么成功，要么失败
容器内部有三种状态

Pending：Promise对象实例创建时候的初始状态
Fulfilled ：成功的状态
Rejected ：失败的状态

注意: 状态不可回退

读取文件实践

创建Promise对象 (一经创建，立即执行)

细节点1
当 Promise 对象内部的异步操作结果失败的时候，告诉 Promise 对象容器，该异步任务失败了, 其实就是将 Promise 内部的 Pending 状态改为 Rejected
细节点2
Promise 对象内部的异步操作没有错误发生，证明成功了, 然后在这里将 Promise 内部的 Pending 状态改为 Resolved
细节点3(错误处理)
在使用 Promise 做异步流程控制的时候，关于异常的处理可以通过在最后一个 then 之后设置一个 catch
然后指定一个失败处理函数, 该函数可以捕获前面所有的 Promise 对象本身以及 then 内部的任务错误
当前面任何一个发生异常，直接进入 catch，后续所有的 Promise 包括 then 不再执行

resolve 和 reject两个参数

resolve用来返回失败的结果
reject用来返回成功的结果
注意：resolve和reject只能传一个值，多个值要用对象或数组传输。

new Promise((resolve, reject)=>{
    resolve(1, 2, 222, 333);
}).then((data1,data2)=>{
    console.log(data1,data2);
});

运行结果：
在这里插入图片描述

三个文件异步读取

const fs = require('fs');

new Promise((resolve, reject)=>{
    fs.readFile(__dirname + '/data/a.txt', (err, data)=>{
        if(err){
            reject(err);
        }
        resolve(data);
    });
}).then((data)=>{
    console.log(data.toString());
    return new Promise((resolve, reject)=>{
        fs.readFile(__dirname + '/data/b.txt', (err, data)=>{
            if(err){
                reject(err);
            }
            resolve(data);
        });
    });
}).then((data)=>{
    console.log(data.toString());
    return new Promise((resolve, reject)=>{
        fs.readFile(__dirname + '/data/cc.txt', (err, data)=>{
            if(err){
                reject(err);
            }
            resolve(data);
        });
    });
}).then((data)=>{
    console.log(data.toString());
});

三个文件异步读取优化

const fs = require('fs');

readFile(__dirname + '/data/b.txt').then((data)=>{
    console.log(data.toString());
    return readFile(__dirname + '/data/a.txt');
}).then((data)=>{
    console.log(data.toString());
    return readFile(__dirname + '/data/cc.txt');
}).then((data)=>{
    console.log(data.toString());
});


function readFile(...args){
    return new Promise((resolve, reject)=>{
        fs.readFile(...args, (err, data)=>{
            if(err){
                reject(err);
            }
            resolve(data);
        })
    });
}

异常捕获

在链条最后加一个catch，一旦有一个地方错误，都会执行该catch

const fs = require('fs');

readFile(__dirname + '/data/b.txt').then((data)=>{
    console.log(data.toString());
    return readFile(__dirname + '/data/aa.txt');
}).then((data)=>{
    console.log(data.toString());
    return readFile(__dirname + '/data/cc.txt');
}).then((data)=>{
    console.log(data.toString());
}).catch(err => {
    console.log(err);
});


function readFile(...args){
    return new Promise((resolve, reject)=>{
        fs.readFile(...args, (err, data)=>{
            if(err){
                reject(err);
            }
            resolve(data);
        })
    });
}

标签：异步,resolve,console,err,编程,readFile,Promise,data
来源： https://blog.csdn.net/KaiSarH/article/details/104746604

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9