JavaScript的promise详解

Promise学习

解决异步变同步，使用promise解决回调地狱（使用ajax时想要顺序执行就需要层层嵌套）

1. new Promise((resolve,reject)=>{})
   resolve成功处理
   reject 失败处理
   打印一个promise会返回 1.promise对象 2.PromiseState 3.PromiseResult
   promise的状态有三种 1. pending(进行中) 2. fulfilled(成功) 3. rejected(失败)
   通过使用resolve会改变promise状态为fulfilled，使用reject会改变promise状态为rejected

2. promise((resolve,reject)={}).then(res=>{},lose=>{})

   使用then()方法有两个参数都为函数第一个为成功回调，第二个为失败回调，当promise返回的状态为fulfilled时执行第一个参数的方法，当promise返回的状态为rejected时执行第二个参数的方法

   在参数中接收resolve或reject时返回的数据(一般用reason来接收reject返回)，promise状态不改变不调用then()方法

   使用then()方法返回值是一个新的promise对象状态为pending，通过return方法修改promise状态为fulfilled，在then()方法第一个参数中代码发生错误会将promise状态修改为rejected

   promise.then().then()可以连续使用then()方法来获取上一个then()方法的返回来进行处理

3. promise.catch(res=>{})

   当porrmise状态为rejected时被执行,参数也为一个函数

4. promise.finally(()={})

   无论promise状态是什么最后都会执行

5. promise的API

   .all() 参数为一个promise数组,返回一个新的promise

   let p1 = new Promise();let p2 = new Promise();let p3 = new Promise()
   Promise.all([p1,p2,p3])
   

   在p1,p2,p3全部成功时无论谁先执行结束都会先按顺序返回一个结果数组

   若有一个失败，则返回失败结果

   .race()参数为一个promise数组，返回一个新的promise

   let p1 = new Promise();let p2 = new Promise();let p3 = new Promise()
   let p = Promise.race([p1,p2,p3])
   

   p的值为优先执行结束，改变promise状态的返回值，无论成功还是失败

   .allSettled()方法参数为一个数组，返回一个新的promise

   let p1 = new Promise();let p2 = new Promise();let p3 = new Promise()
   let p = Promise.allSettled([p1,p2,p3])
   

   无论执行结果为成功还是失败，都等所有执行结束，返回所有执行结果

   .any()方法参数为一个数组,返回一个新的promise

   let p1 = new Promise();let p2 = new Promise();let p3 = new Promise()
   let p = Promise.any([p1,p2,p3])
   

   只要有一个成功返回的就改变p的状态为fulfilled返回值为成功返回，否则等全部失败p的状态给为rejected，返回值为失败的数组

   resolve()方法

   参数为promise实例时，返回这个实例

   参数为thenable对象时，将这个对象转为promise对象，然后立即执行thenable对象中的then()方法

   let thenable = {
   	then: function(resolve,reject){
   		resolev(111)
   	}
   }
   let p1 = Promise.resolve(thenable);
   p1.then(res=>{console.log(res)})//111
   

   参数是一个原始值或者不具有then()方法的对象则返回一个新的promise对象，状态为resolved

   若不带参数则直接返回一个resolved状态的promise对象

   reject()方法

   promise.reject(reason)返回一个新的promise实例，该实例状态为rejected

   let p = Promise.reject("出错了") === let p = Promise((resolve,reject)=>reject("出错了"))
   p.then(null,(err)=>{
   	console.log(err)//出错了
   })
   p.reject("出错了").catch(e=>{
   	console.log(e==="出错了")
   })