日常开发中经常遇到方法需要多次调用的情况，当多层回调函数的相互嵌套时，就容易形成回调地狱。
比如设置多个定时器执行方法：
setTimeout(function (){
console.log(111)
setTimeout(()=>{
console.log(222)
setTimeout(()=>{
console.log(333)
},1000)
},1000)
}, 1000)
再比如基于回调函数按顺序读取文件内容（fs是node.js内置的）：
import fs from 'fs';
fs.readFile('./1.txt', 'utf8', (err1, res1)=>{
if(err1) return console.log(err1.message);
console.log(res1)
fs.readFile('./2.txt', 'utf8', (err2, res2)=>{
if(err2) return console.log(err2.message);
console.log(res2)
})
})
回调地狱的缺点：
代码耦合性太强，牵一发而动全身，难以维护
大量冗余代码相互嵌套，代码可读性变差
Promise的基本概念
为解决回调地狱的问题，ES6中新增了Promise的概念，Promise是一个构造函数，我们可以创建Promise的实例。
new出来的Promise实例对象，代表一个异步操作
const p = new Promise()
在Promise.prototype上包含一个.then()方法（可在浏览器查看），每一次new Promise()构造函数得到的实例对象，都可以通过原型链的方式访问到.then()方法，例如：p.then()
.then()方法用来预先指定成功和失败的回调函数，调用.then()方法时，成功的回调函数是必选的，失败的回调函数是可选地，比如：
p.then(成功的回调函数，失败的回调函数)
p.then(result=>{},error=>{})
p.then([r1,r2,r3]=>{
console.log(r1,r2,r3)
})
通过node.js使用Promise
在上面举例中，有使用fs方式异步读取文件，由于node.js官方提供的fs模块仅支持以回调方式读取文件，不支持Promise的调用方式，因此需要安装then-fs这个第三方包，从而支持我们基于Promise的方式读取文件内容。
安装命令：
npm i then-fs
调用then-fs提供的readFile方法，可以异步地读取文件的内容，它的返回值是Promise实例对象。因此可以通过.then()方法为每个Promise异步操作指定成功和失败后的回调函数：
import thenfs from 'then-fs'
//异步调用，注意：多个then-fs无法保证文件的读取顺序
thenfs.readFile('./1.txt', 'utf8').then(function(res){
console.log(res)
})
thenfs.readFile('./2.txt', 'utf8').then(function(res){
console.log(res)
})
thenfs.readFile('./3.txt', 'utf8').then(function(res){
console.log(res)
})
.then()方法的特性
Promise支持链式调用，如果上一个.then()方法中返回了一个新的Promise实例对象，则可以通过下一个.then()继续进行处理，通过.then()方法的链式调用，从而解决了回调地狱的问题，这样就能实现基于Promise按顺序读取文件内容。
thenfs.readFile("./1.txt", "utf8") //返回值是Promise的实例对象
.then(function (file) {
console.log(file)
return thenfs.readFile("./2.txt", "utf8") //返回一个新的Promise实例对象
})
.then((file)=>{ //此处调用的.then为上一个.then的返回值（新Promise实例对象）的回调函数
console.log(file)
return thenfs.readFile("./3.txt", "utf8")
})
.then(file=>{ //上一个.then返回值（Promise实例）的回调函数
console.log(file)
})
.catch()方法捕获错误
在Promise的链式操作中如果发生错误，可以使用Promise.prototype.cache()方法进行捕获和处理，.catch()有两种用法，一前一后。
.catch()放在后面时，会捕获.catch前面任意.then()的错误，但只要前面出现错误，.catch后面的.then()都不会再执行
thenfs.readFile("./1.txt", "utf8") //返回值是Promise的实例对象
.then(function (file) {
console.log(file)
return thenfs.readFile("./22.txt", "utf8") //返回一个新的Promise实例对象
})
.then((file)=>{ //此处调用的.then为上一个.then的返回值（新Promise实例对象）的回调函数
console.log(file)
return thenfs.readFile("./3.txt", "utf8")
})
.catch(err => console.log(err.message)) //捕获前面两个.then()可能出现的错误
.then(file=>{ //上一个.then返回值（Promise实例）的回调函数
console.log(file)
})
如果不希望前面出现错误，导致后面的.then()无法被执行，把.catch()往前提就可以，当前面的.catch()将错误捕获并处理，后面的.then()就可以正常执行
每个.catch()只能捕获自己后面的.then()出现的错误，需要捕获多个.then()的错误时，同样需要多个.catch()，否则出现错误后无法捕获，后面的.then()同样无法执行
thenfs.readFile("./1.txt", "utf8") //返回值是Promise的实例对象
.catch(err => console.log(err.message))
.then(function (file) {
console.log(file)
return thenfs.readFile("./22.txt", "utf8") //返回一个新的Promise实例对象
})
.catch(err => console.log(err.message))
.then((file)=>{ //此处调用的.then为上一个.then的返回值（新Promise实例对象）的回调函数
console.log(file)
return thenfs.readFile("./3.txt", "utf8")
})
.catch(err => console.log(err.message))
.then(file=>{ //上一个.then返回值（Promise实例）的回调函数
console.log(file)
})
Promise.all()方法
Promise.all()方法会发起并行的Promise异步操作，等所有的异步操作全部结束后才会执行下一步的.then操作（等待机制）
数组中Promise实例的顺序，就是最终结果的顺序
var request = [
thenfs.readFile("./1.txt", "utf8"),
thenfs.readFile("./2.txt", "utf8"),
thenfs.readFile("./3.txt", "utf8"),
]
Promise.all(request) //使用Promise.all()发起并行异步操作，结果顺序和上面数组的顺序一致
.then(data=>{
console.log(data) //返回一个数组
})
.catch(err=>{ //通过.catch()捕获错误
console.log(err.message)
})
Promise.all(request)
.then(([r1,r2,r3])=>{
console.log(r1,r2,r3) //返回数组中的每个值
},err=>{ //只有一个.then()时，可使用.then()的第二个参数捕获错误
console.log(err.message)
})
Promise.race()方法
Promise.race()方法会发起并行的Promise异步操作，只要任何一个异步操作完成，就立即执行下一步的.then操作（赛跑机制）
其中任意Promise异步出现错误，均会导致报错退出
var request = [
thenfs.readFile('./1.txt', 'utf8'),
thenfs.readFile('./2.txt', 'utf8'),
thenfs.readFile('./3.txt', 'utf8')
]
Promise.race(request)
.then(data=>{
console.log(data)
})
.catch(err=>{
console.log(err.message);
})
上一篇：快速了解ES6模块化，使用node.js体验ES6模块化
下一篇：最后一页
15601023311
