##### 仅做记录复习使用 ####

数据有点混乱 暂时不要看

promise

promise是一个对异步操作进行封装并返回其结果的构造函数.

使代码更加简洁和避免回调地狱  
  
  
  
  
  。

promise是浏览器引擎自带的（但不是所有浏览器都支持promise）

promise的参数是一个函数且必须有这个函数  
  
  
  
  
  ，否则报错 
  
  
  
  
  
，姑且命名为A函数；

let p = new Promise() console.log(p); // TypeError: Promise resolver undefined is not a function

A函数里有两个参数


 


 


 


 


 

，这两个参数也是函数 
  
  
  
  
  
。res和rej这两个参数都是函数 
 
 
 
 
 ，名字随意


 


 


 


 


 

。

res是成功时的回调

rej是失败时的回调

new Promise函数是同步函数,并且是立即执行的 
 
 
 
 
 。

promise共有三种状态  
   
   
   
   
   
，pending,fulfilled,rejected

状态只能从pending变为fulfilled状态

 

 

 

 

 
，成功状态  
   
   
   
   
   
。

或者从pending变为rejected状态
 

 

 

 

 

 ，失败状态

 

 

 

 

 
。

promise只有这两种转变状态           ，是转变状态哈
 

 

 

 

 

 。在无其他状态           。

而一旦转变状态确定
 

 
 

 
 

 
 

 
 

 
 
，就不可更改
 

 
 

 
 

 
 

 
 

 
 
。

例如：pending转变到fulfilled










，状态就确定了                 ，只能是fulfilled状态；如果想转成rejected状态
 
 
 
 
 
 
 
 
 
 
 
，是不能转的










。

当promise刚new出来时















，是pending状态                 。

promise函数对象有三个属性            ，如上图展示的
 
  
 
  
 
  
 
  
 
  
 
，[[Prototype]]其实就是是__ proto__;其他两个属性如下：

PromiseState：就是promise的现在状态
 
 
 
 
 
 
 
 
 
 
 
。

当你调用res函数










，状态立马变为fulfilled(成功状态）

当你调用rej函数  
  
  
  
  
  ，状态立马变为rejected(失败状态）

如果两个状态都存在 
  
  
  
  
  
，以谁先调用为准

PromiseResult ：res或rej返回的结果

PromiseResult就是res或rej执行后的返回的结果


 


 


 


 


 

，是返给then的















。

当你new 一个promise时 
 
 
 
 
 ，就已经开始自动执行函数            。promise是同步的  
   
   
   
   
   
，但then是异步的

 

 

 

 

 
，要注意区分
 
  
 
  
 
  
 
  
 
  
 
。

promise实例原型上的then函数

res函数和rej函数返回的数据
 

 

 

 

 

 ，谁来接收的           ，用then函数










。

then函数里的参数是两个异步回调函数
 

 
 

 
 

 
 

 
 

 
 
，是异步的哈










，第一个参数函数用于接收res返回来的数据                 ，第二个参数函数用于接收rej返回的数据  
  
  
  
  
  。

then的第一个参数函数里的形参用来接收res返回的数据 
  
  
  
  
  
。

then的第二个参数函数里的形参用来接收rej返回的数据


 


 


 


 


 

。

其实then里面的函数就是res和rej

如果new promise中没有写res或rej ；则then里的函数不会执行

let p = new Promise((res,rej)=>{ }) p.then(val=>{ console.log(11); // 11不输出 })

then的返回值

1           、如果(父级)上一个then返回的是数据或undefined
 
 
 
 
 
 
 
 
 
 
 
，则（子级）下个then的状态为成功状态















，并将父级返回值返回到子级then的参数里面 let p = new Promise((res,rej)=>{ res(11) }) // 父级then let p1 = p.then(val=>{ console.log(val); // 11 // 默认是return undefined }) // 子级then ,then中的参数是上一个then返回的值            ， p1.then(value=>{ console.log(value); // undefined })

父级then返回的是一个数据：

let p = new Promise((res,rej)=>{ res(11) }) let p1 = p.then(val=>{ console.log(val); return {name:wyy} }) p1.then(value=>{ console.log(value); }) 如果父级then抛出的是一个错误
 
  
 
  
 
  
 
  
 
  
 
，则父级then的状态为失败状态










，并将失败状态的值返回给子级then

通过throw主动抛出错误或者代码出现错误  
  
  
  
  
  ，则promise的状态为rejected 
  
  
  
  
  
，值为throw的值；或者代码出错也为rejected状态


 


 


 


 


 

，例如输出一个不存在的a；console.log(a) 
 
 
 
 
 。

第二个then的promise实例状态是根据p.then的返回值决定的

如果没有return 
 
 
 
 
 ，则默认为undefined  
   
   
   
   
   
，即是fulfilled状态  
   
   
   
   
   
。

小结：

3 
 
  
 
  
 
  
 
  
 
  
 、通过throw主动抛出错误或者代码出现错误

 

 

 

 

 
，则promise的状态为rejected
 

 

 

 

 

 ，值为throw的值；或者代码出错也为rejected状态           ，例如输出一个不存在的a；console.log(a)

 

 

 

 

 
。

4










、通过return 返回一个promise对象
 

 
 

 
 

 
 

 
 

 
 
，则新promise就是return的promsie










，其中的值就是resolve和reject传递的值

catch

catch是处理rej函数的
 

 

 

 

 

 。当返回错误时调用catch

当new promise出现rej(), throw, 语法错误以上三种形式式                 ，就会调用catch函数           。