作家
登录

30分钟,让你彻底明白Promise原理

作者: 来源: 2017-06-08 10:02:44 阅读 我要评论

  1. this.then = function (onFulfilled) { 
  2.  
  3.     callbacks.push(onFulfilled); 
  4.  
  5.     return this; 
  6.  
  7. };  

前一阵子记录了promise的一些惯例用法,这篇文┞仿再深刻一个层次,来分析分析promise的┞封种规矩机制是若何实现的。ps:本文合适已经对promise的用法有所懂得的人浏览,如不雅对其用法还不是太懂得,可以移步我的上一篇博文。

那么类似这种功能的Promise怎么实现呢?其实按照膳绫擎一句话,实现一个最基本的雏形照样很easy的。

see?只要简单一句话就可以实现类似下面的链式调用:

  1. // 例2 
  2.  
  3. getUserId().then(function (id) { 
  4.  
  5.     // 一些处理 
  6.  
  7. }).then(function (id) { 
  8.  
  9.     // 一些处理 
  10.  
  11. });  

参加延机会制

细心的同窗应当发明,上述代码可能还存在一个问题:如不雅在then办法注册回调之前,resolve函数就履行了,怎么办?比如promise内部的函数是同步函数:

  1. // 例3 
  2.  
  3. function getUserId() { 
  4.  
  5.     return new Promise(function (resolve) { 
  6.  
  7.         resolve(9876); 
  8.  
  9.     }); 
  10.  
  11.  
  12. getUserId().then(function (id) { 
  13.  
  14.     // 一些处理 
  15.  
  16. });  

这显然是不许可的,Promises/A+规范明白请求回调须要经由过程异步方法履行,用以包管一致靠得住的履行次序。是以我们要参加一些处理,包管在resolve履行之前,then办法已经注册完所有的回调。我们可以如许改革下resolve函数:

在异步操作掉败时,标记其状况为rejected,并履行注册的掉败回调:

  1. function resolve(value) { 
  2.  
  3.     setTimeout(function() { 
  4.  
  5.         callbacks.forEach(function (callback) { 
  6.  
  7.             callback(value); 
  8.  
  9.         }); 
  10.  
  11.     }, 0) 
  12.  
  13.  

上述代码的思路也很简单,就是经由过程setTimeout机制,将resolve中履行回调的逻辑放置到JS义务队列末尾,以包管在resolve履行时,then办法的回调函数已经注册完成.

然则,如许似乎还存在一个问题,可以细想一下:如不雅Promise异步操作已经成功,这时,在异步操作成功之前注册的回调都邑履行,然则在Promise异步操作成功这之后调用的then注册的回调就再也不会履行了,这显然不是我们想要的。

参加状况

恩,为懂得决上一节抛出的问题,我们必须参加状况机制,也就是大年夜家熟知的pending、fulfilled、rejected。

Promises/A+规范中的2.1Promise States中明白规定了,pending可以转化为fulfilled或rejected并且只能转化一次,也就是说如不雅pending转化到fulfilled状况,那么就不克不及再转化到rejected。并且fulfilled和rejected状况只能由pending转化而来,两者之间不克不及互相转换。一图胜千言:


  推荐阅读

  2017年上半年重大黑客事件盘点

16. 美国法律论坛71万账户泄漏,涉国度安然局、FBI等本年4月,达拉斯紧急警备孀体系被黑客入侵。导致该城市的156个紧急戒备器被激活,警笛声持续一个小时,激发市平易近惊恐。 在以前的201>>>详细阅读


本文标题:30分钟,让你彻底明白Promise原理

地址:http://www.17bianji.com/lsqh/35631.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)