ES6中自带的promise的问题

ES6中的Promise作用:解决异步嵌套问题。

但是只能解决两层嵌套,不能解决两层以上嵌套;

解决方法是我自己封装的函数如下:

1 function Promising(){ 2 var _arr=[]; 3 this.then=function(fx){ 4 //将回调函数存到数组中,等队列算法去顺序调用 5 _arr.push(fx); 6 return this;//返回自身的this,可以重复调用then()方法 7 } 8 this.resolve=function(value){//可以传个参数 9 //作用:按照先进先出的顺序调用数组中的函数 10 if(_arr.length>0){ 11 _arr.shift()(value);//执行队列中的第一个函数 12 } 13 } 14 } 15 16 var _promise=new Promising();//new一个对象 17 _promise.then(function(){ 18 window.setTimeout(function(){//这里的延时器也是异步 19 alert("3s");//先弹出3s; 20 _promise.resolve();//每次执行完我们想执行的代码,就要调用resolve()方法,保证能执行下一个函数 21 },3000); 22 }).then(function(){ 23 window.setTimeout(function(){ 24 alert("2s");//再弹出2s; 25 _promise.resolve(); 26 },2000); 27 }).then(function(){ 28 window.setTimeout(function(){ 29 alert("1s");//再弹出1; 30 _promise.resolve("tip"); 31 },1000); 32 }).then(function(value){ 33 alert(value); 34 }).resolve();

这样可以解决两层以上嵌套;

非常方便,有什么意见请留言!

点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

皕杰报表之UUID

​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

swap空间的增减方法

(1)增大swap空间去激活swap交换区:swapoff v /dev/vg00/lvswap扩展交换lv:lvextend L 10G /dev/vg00/lvswap重新生成swap交换区:mkswap /dev/vg00/lvswap激活新生成的交换区:swapon v /dev/vg00/lvswap

2020年前端实用代码段,为你的工作保驾护航

有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )