博客
关于我
异步编程--Promise其他方法
阅读量:326 次
发布时间:2019-03-03

本文共 1113 字,大约阅读时间需要 3 分钟。

1.Promise-all

Promise.all方法用于并行处理多个Promise任务。其接受一个可迭代对象(如数组),其中包含多个Promise。当这些Promise中的所有任务都完成后,整体Promise才会完成。如果有任何一个Promise失败,整个Promise也会失败。

Promise.all(iterable)方法的参数是可迭代对象,返回的结果是一个新的Promise。该Promise的状态取决于迭代器中所有Promise的状态。如果所有Promise都成功完成,返回的结果数组包含这些Promise的结果;如果有任何一个Promise失败,整个Promise也会失败。

例如:

let p1 = new Promise((resolve, reject) => { setTimeout(() => { console.log(1) resolve(10); }, 2000); }); let p2 = new Promise((resolve, reject) => { setTimeout(() => { console.log(2) resolve(20); }, 3000); }); Promise.all([p1, p2]).then(arr => { console.log(3, arr); });

上述代码输出结果为:

2.Promise-race

Promise.race方法用于并行处理多个Promise任务,但与Promise.all不同,它会在第一个任务完成时立即执行回调函数。无论第一个任务是否成功,整个Promise的状态都会根据第一个任务的状态来决定。

Promise.race(iterable)方法的参数同样是一个可迭代对象,返回的结果是一个新的Promise。该Promise的状态与迭代器中第一个任务的状态有关。如果第一个任务成功完成,返回的结果是该任务的结果;如果第一个任务失败,整个Promise也会失败。

例如:

let p1 = new Promise((resolve, reject) => { setTimeout(() => { console.log(1) resolve(10); }, 2000); }); let p2 = new Promise((resolve, reject) => { setTimeout(() => { console.log(2) resolve(20); }, 1000); }); Promise.race([p1, p2]).then(arr => { console.log(3, arr); });

转载地址:http://edvm.baihongyu.com/

你可能感兴趣的文章
openlayers 入门教程(九):overlay 篇
查看>>
openlayers 入门教程(二):map 篇
查看>>
openlayers 入门教程(五):sources 篇
查看>>
openlayers 入门教程(八):Geoms 篇
查看>>
openlayers 入门教程(六):controls 篇
查看>>
openlayers 入门教程(十一):Formats 篇
查看>>
openlayers 入门教程(十三):动画
查看>>
openlayers 入门教程(十二):定位与轨迹
查看>>
openlayers 入门教程(十五):与 canvas、echart,turf 等交互
查看>>
openlayers 入门教程(十四):第三方插件
查看>>
openlayers 入门教程(四):layers 篇
查看>>
OpenLayers 项目分析(三)-OpenLayers中定制JavaScript内置类
查看>>
Openlayers下载与加载geoserver的wms服务显示地图
查看>>
VS.NET版本与VC版本对应关系
查看>>
Openlayers中使用Cluster+Overlay实现点击单个要素和聚合要素时显示不同弹窗
查看>>
Openlayers中使用Cluster实现点位元素重合时动态聚合与取消聚合
查看>>
Openlayers中使用Cluster实现缩放地图时图层聚合与取消聚合
查看>>
Openlayers中使用Image的rotation实现车辆定位导航带转角(判断车辆图片旋转角度)
查看>>
Openlayers中使用Overlay实现点击要素弹窗并且弹窗随之移动
查看>>
Vmware系列&虚拟机系列【仅供参考】:使用vCenter Auto Deploy制作ESXI系统封装(适合高版本vSphere)
查看>>