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高级交互（15/20）：显示海量多边形，10ms加载完成