数据有点混乱暂时不要看

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);
})