ES6-Promise实践练习-多个文件内容读取-全面

ES6-Promise实践练习-多个文件内容读取

1. 之前的写法,回调地狱,(开发中的场景就是先获取用户,然后根据用户获取信息,根据信息获取内容)容易把参数写重复了,注意修改参数的名称。
2. 使用 Promise 实现读取多个文件,虽然代码写起来复杂,但是不会出现回调地狱的问题,就算有再多的异步操作,也不会回调地狱。

读取这里面的文件 .md

在这里插入图片描述

1.之前的写法,回调地狱,(开发中的场景就是先获取用户,然后根据用户获取信息,根据信息获取内容)

在这里插入图片描述

把三个 md 文件都读取出来。

在这里插入图片描述

2.使用 Promise 实现读取多个文件,虽然代码写起来复杂,但是不会出现回调地狱的问题,就算有再多的异步操作,也不会回调地狱。

在这里插入图片描述

这块代码是:让他正常的读取第一个文件,然后调用 resolve 成功的方法,里面传入成功的参数 data。

在这里插入图片描述

这块代码:第一个.then首先 value 代表的是上面的第一个文件返回的成功的回调内容。然后正常去读取第二个文件,然后调用 resole成功的函数,里面给他传入,第一个和现在这个就是第二个成功后的参数,分别是 value,data,把他放入数组里面向下传递。
第二个.then 首先 value 同样是第一个和第二个成功后返回的回调内容。然后正常去读取第三个文件。接下来要对三个文件整合,前两个合体后是value,当前这个也就是第三个是data,然后用 push 方法进行压入,value 里面跟着前两个后面压入 data , 然后就把三个文件压为一个值,就是 value。

在这里插入图片描述

这块代码就是对上面的 三处 方法调用回调显示出来,应为上面是三个文件直接压成一个 value值了,然后这块代码,使用链式调用后就全部都关联起来了,所以直接传递 value 打印 value 输出控制台就ok了。
这里用到了个方法,.join 这个方法是把数组中所有的元素放入一个字符串中。如果不写参数,数组元素是通过逗号分隔的。写参数就按参数来,这里参数是写的换行的参数。所以就是把数组分隔换行,打印出字符串来。

在这里插入图片描述

结果 三个文件内容都打印。

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值