- A+
所属分类:Web前端
1.Promise 基本特性
- 1. Promise有三种状态:pending(进行中),fulfilled(resolve)(已成功),reject(已失败).
- 2. Promise对象接受一个回调函数作为参数,该回调函数接受两个参数,分别是成功时的回调resolve和失败时的回调reject;另外resolve的参数除了正常值以外还可能时一个promise对象的实例;reject的参数通常时一个error对象的实例;
- 3 then方法放回一个新的Promise实例,并接收两个参数onResolve(fulfilled状态的回调);onRejected(reject状态的回调,该参数可选)
- 4.catch方法返回一个新的promise实例
- 5. finally方法不管Promise状态如何都会执行,该方法的回调函数不接受任何参数。
- 6. Promise。all()方法将多个Promise实例,包装成一个新的Promise实例,该方法接受一个由promise对象组成的数组作为参数(Promise.all方法的参数可以不是数组,但必须具有Iterator接口,且返回的每个成员都是promise实例),注意参数中只要有一个实例触发catch,都会触发,Promise.all方法返回的新catch方法,如果参数中的某个实例本身调用了catch方法,将不会触发Promise.all放回的新实例的catch方法。
- 7. Promise.race()方法的参数与Promise.all方法一样,参数中的实例只要有一个率先改变状态就会将该实例的状态传给Promise.race方法,并将返回值作为Promise。race()方法产生的Promise实例的放回值。
- 8.Promise.resolve()将现有对象转为Promise对象,如果该方法的参数为一个Promise对象,Promise.resolve将不做任何处理;如果将参数thenable对象(即具有then方法),Promise.resolve()将该对象转换为Promise对象并立即执行then方法,如果参数是一个原始值,或者是一个不具有then方法的对象,则Promise.resolve方法返回一个新的Promise对象,状态为fulfilled,其参数将会将会作为then方法中onresolved回调函数的参数,如果Promise。resolve方法不带参数,会直接放回一个fulfilled的状态的Promise对象。需要注意的是,立即resolve()的promise对象,是在本轮“事件循环”,(event loop)的结束时执行,而不是在下一轮“事件循环中”的开始时。
- 9. Promise.reject()同样放回一个新的promise对象,状态为rejected,无论传入任何参数都将作为reject()的参数。
2)Promise优点
- 1.统一异步api
- Promise的一个重要有优点是它将逐渐被用作浏览器的异步API,统一现在各种各样的API,以及不兼容的模式和手法。
- 2.Promise 与事件对比
- 和事件相比较,Promise更适合处理一次性的结果,在结果计算出来之前或之后注册回调函数都是可以的,都可以拿到正确的值,Promise的这个优点和自然,但是,不能使用Promise处理多次触发事件,链式处理Promise的有一有点,但是事件却不能这样链式处理
- 3.Promise 与回调对比。
- 解决了回调地狱的问题,将异步操作以同步操作的流程表达出来
- 4.Promise带来的额外好处时包含了更好的错误处理方式(包含已成处理),并且写起来很轻松(以为可以宠用一些同步的工具比如Array.prototype.map()).
3)Promise 缺点
- 1.无法取消Promise,一旦新建他就会立即执行,无法中途取消
- 2.如果不设置回调函数,Promise内部抛出的错误,不会放映到外部 。
- 3.当处于Pending状态时,无法得知穆青进展到哪一个阶段(刚刚开始还是即将完成)
- 4.Promise真正执行回调的时候,定义Promise那部分实际上已经走完了,所以Promise的报错堆栈上下午不太友好
4.简单代码实现Promise有7个主要的属性state(状态),value(成功放回值),reason(错误信息),resolve方法,reject方法,then方法。
//1.实际Promise //new Promise((resolve,reject)=>{ resolve("zhangpanpan")})) //实现简易版Promise class MyPromise { constructor(exccutor) { this.state = "pending"; //当前执行的状态 this.value; //正确或错误情况下的放回值 //resolvue 保存正确情况下的返回值 let resolvue = value => { if (this.state === "pending") { this.state = "fulfilled"; this.value = value; } } //reject 情况执行 的函数 let reject = value => { if (this.state === "pending") { this.state = "rejected"; this.value = value; } } try { exccutor(resolvue, reject) } catch (error) { reject(error) } } then(onfulfilled, onJected) { if (this.state === "rejected") { onJected(this.value) } if(this.state === "fulfilled"){ onfulfilled(this.value) } } } let mypromise=new MyPromise((res,rej)=>{ res("ddd") }); mypromise.then(e=>{ console.log(e); })