Angular异步变同步处理方法(2)

如果在某些场景中,等前一个方法调用完毕,而不管这个方法是否调用成功,都要继续调用后边的方法,则需要在then()方法中增加错误回调并return 下一个执行的promise。如下:

funA(3).then(function(success){ console.log(success); return funB(8); },function(err){ console.log(err); return funB(8); }).then(function(success){ console.log(success); return funC(3); },function(err){ console.log(err); return funC(3); }).then(function(success){ console.log(success); },function(err){ console.log(err); });

结果:

3.3. all() 方法

all()方法可以把多个promise的数组合并成一个。当所有的promise执行成功后,会执行后面的回调,回调中的参数,是每个promise执行的结果。

function funA(num){ var defer = $q.defer(); if(num<5){ defer.resolve('funA success'); }else{ defer.reject('funA error'); } return defer.promise; } function funB(num){ var defer = $q.defer(); if(num<5){ defer.resolve('funB success'); }else{ defer.reject('funB error'); } return defer.promise; }

方法调用:

$q.all([ funA(3), funB(3) ]) .then(function(success){ console.log(success); },function(err){ console.log(err); })

结果:

all() 方法中的参数可以是上面的数组形式,也可以是json格式。相应的,如果参数是数组格式,那么返回的数据格式也是数组格式;如果参数是json格式,那么返回的数据格式也是json格式。json参数示例如下:

$q.all( { funA:DeferService.funA(3), funB:DeferService.funB(3) }) .then(function(success){ console.log(success); },function(err){ console.log(err); })

结果:

上面两个示例展示的都是获取数据成功的情况。而当all()方法的参数中存在一个promise失败,则整个任务都失败,返回的数据也只会返回该失败参数的失败信息。

方法调用:

$q.all( { funA:DeferService.funA(8), //调用失败 //正常情况下是调用成功,但由于funA调用失败,固该方法也是失败 funB:DeferService.funB(3) }) .then(function(success){ console.log(success); },function(err){ console.log(err); })

结果:

3.4. when() 方法

when()方法中的参数可以是一个值,也可以是一个promise,这个方法是把传入的参数处理包装成一个promise。这个方法一般在你不确定所处理的对象或者调用的方法是不是一个promise时使用。

例如在下面的例子中,val=10,并不是一个promise,但是经过when()方法包装之后,可以通过.then()方法去调用,像处理平常的promise一样。

var val=10; $q.when(val) .then(function(success){ console.log(success); },function(err){ console.log(err); });

结果:

以上这篇Angular异步变同步处理方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/a33f348f2a9cd100195eb702e9a088ff.html