##### 仅做记录复习使用 ####
数据有点混乱 暂时不要看
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函数。