promise 为什么会产生 解决异步问题
1.多个异步请求并发(希望同步最终的结果)promise.all
2.链式异步请求的问题 上一个人的输出是下一个人的输入 promise的链式调用可以解决这个问题
3.缺陷:还是基于回调
1. promis有三个状态:成功态resolve,失败态reject, 等待态pending
promise就是一个类 new Promise((resolve, reject) => {
2. 用户自己决定成功的原因和失败的原因, 成功和失败也是用户定义的
3. 默认执行器立即执行
})
4. promise的实例都有一个then方法,一个参数是成功的回调,另一个参数是失败的回调
promise.then((data) => {
console.log('success');
}, (err) => {
console.log('fail');
})
多个then时,从其中一个中终断向下传递的方法,then(() => return new Promise((resolve, reject) => {}) ), 不成功也不失败
5. 如果执行函数时发生了异常也会执行失败逻辑
6. 如果promise一旦成功就不能失败,反过来也是
class Promise { constructor(executor) { this.status = PENDING; this.value = undefined; this.reason = undefined; this.onResolveCallBacks = []; this.onRejectCallBacks = []; let resolve = (value) => { if(this.status === PENDING) { this.value = value; this.status = RESOLVED; this.onResolveCallBacks.forEach(fn=>fn()); } } let reject = (reason) => { if(this.status === PENDING) { this.reason = reason; this.status = REJECTED; this.onRejectCallBacks.forEach(fn=>fn()); } } try{ executor(resolve, reject); // 立即执行 }catch(e){ reject(e); } then(onFulfilled, onRejected) { //每次调then都new一个promise let promise2 = new Promise((resolve, reject) => { // 为了链式调用 if(this.status === RESOLVE) { let x = onFulfilled(this.value); resolve(x); } if(this.status === REJECTED) { onRejected(this.reason); } if(this.status === PENDING){ // 2. 发布订阅模式 如果当前状态时pending,我们需要将成功和失败的回调存放起来,稍后调用resole和reject的时候重新执行 this.onResolvedCallbacks.push(() => { // todo... onFulfilled(this.value); }) this.onRejectCallBacks.push(() => { // todo... onRejected(this.reason); }) } }) return promise2; } } } module.exports = Promise
// error first 错误第一 异步方法无法通过try catch捕获异常
1.promise成功和失败的回调的返回值 可以传到外层的下一个then
2.如果返回的是普通值的话(不是报错、不是promise)(传递到下一次的成功中),出错的情况(一定会走到下一次的失败),可能还有promise的情况(会采用promise的状态,决定下一次的成功还是失败)
3.错误处理 如果离自己最近的then 没有错误处理 会向下找
4.每次执行完promise.then方法后返回的都是一个“新的promise”(promise一旦成功或失败就不能修改状态)