Promise
- Promise可以帮助我们解决异步中的回调函数的问题
- Promise就是一个用来存储数据的容器它拥有着一套特殊的存取数据的方式这个方式使得它里边可以存储异步调用的结果
创建Promise
创建Promise时,构造函数中需要一个函数作为参数
Promise构造函数的回调函数,它会在创建Promise时调用,调用时会有两个参数传递进去
const promise2 = new Promise((resolve, reject) => {
reject("我爱你")
})
向Promise中存储数据
- 用resolve 和 reject 存储数据
- resolve 和 reject 是两个函数,通过这两个函数可以向Promise中存储数据resolve在执行正常时存储数据,reject在执行错误时存储数据通过resolve / reject 函数来向Promise中添加数据,好处就是可以用来添加异步调用的数据
用Promise的实例方法then从Promise中读取数据
- then需要两个回调函数1作为参数,回调函数用来获取Promise中的数据
promise.then(result=>{console.log(result),reason=>{
console.log(reason)
})
Promise中维护了两个隐藏属性
PromiseResult | PromiseState |
---|---|
用来存储数据 | 记录Promise的状态(三种状态)pending,fulfilled和state |
- pending (进行中)
- fulfilled(完成):通过resolve存储数据时
- rejected(拒绝,出错了):出错了或通过reject存储数据时
state只能修改一次,修改以后永远不会在变.即,状态只会从pending->fulfilled/pending-rejected(只存第一次的)
流程
- 当Promise创建时,Promisestate初始值为pending,当通过resolve存储数据时 Promisestate 变为fulfilled(完成)PromiseResult变为存储的数据
当通过reject存储数据或出错时 PromiseState 变为rejected(拒绝,出错了)PromiseResult变为存储的数据 或异常对象。
当我们通过then读取数据时,相当于为Promise设置了回调函数,
如果PromiseState变为fulfilled,则调用then的第一个回调函数来返回数据
如果PromiseState变为rejected,则调用then的第二个回调函数来返回数据
- catch()用法和then类似,但是只需要一个回调函数作为参数catch()中的回调函数只会在Promise被拒绝时才调用catch()相当于 then(null,reason =>{}).catch()就是一个专门处理Promise异常的方法
- finally()
无论是正常存储数据还是出现异常了,finally总会执行但是finally的回调函数中不会接收到数据.finally()通常用来编写一些无论成功与否都要执行代码.
const promise = new Promise((resolve, reject) => {
// reject("我爱你")
resolve("我爱你")
})
// promise.then(r=>{
// console.log(r)
// },e=>{
// console.log(e)
// })
promise.catch((e)=>{
console.log("*",e)
})
promise.finally(()=>{
console.log("我也爱你")
})
通过resolve存储的数据,会调用第一个函数返回.通过reject存储的数据或者出现异常时,会调用第二个函数返回 ↩︎