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();
这样可以解决两层以上嵌套;
非常方便,有什么意见请留言!