介绍下promise的特性,优缺点,内部如何实现的,动手实现一个promise (一)

  • A+
所属分类:Web前端
摘要

1.Promise 基本特性2)Promise优点3)Promise 缺点4.简单代码实现Promise有7个主要的属性state(状态),value(成功放回值),reason(错误信息),resolve方法,reject方法,then方法。

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