程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了等待 Promise.all()和多次等待之间有什么区别?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决等待 Promise.all()和多次等待之间有什么区别??

开发过程中遇到等待 Promise.all()和多次等待之间有什么区别?的问题如何解决?下面主要结合日常开发的经验,给出你关于等待 Promise.all()和多次等待之间有什么区别?的解决方法建议,希望对你解决等待 Promise.all()和多次等待之间有什么区别?有所启发或帮助;

注意事项:

这个答案仅涵盖了await系列和系列之间的时序差异Promise.all。请务必阅读@mikep的综合答案,其中也涵盖了错误处理方面更重要的区别。

出于此答案的目的,我将使用一些示例方法:

res(ms) 是一个函数,它需要一个整数毫秒,并返回一个承诺,该承诺将在该毫秒后解析。 rej(ms) 是一个函数,它需要一个整数毫秒,并返回一个承诺,该承诺将在该毫秒后被拒绝。 调用会res启动计时器。Promise.all在所有延迟完成后,可以使用等待一些延迟来解决,但请记住它们是同时执行的:

例子1

const data = await Promise.all([res(3000), res(2000), res(1000)])
//                              ^^^^^^^^^  ^^^^^^^^^  ^^^^^^^^^
//                               delay 1    delay 2    delay 3
//
// ms ------1---------2---------3
// =============================O delay 1
// ===================O           delay 2
// =========O                     delay 3
//
// =============================O Promise.all

这意味着Promise.all将在3秒后使用内部承诺中的数据进行解析。

但是,Promise.all具有“快速失败”的行为:

范例#2

const data = await Promise.all([res(3000), res(2000), rej(1000)])
//                              ^^^^^^^^^  ^^^^^^^^^  ^^^^^^^^^
//                               delay 1    delay 2    delay 3
//
// ms ------1---------2---------3
// =============================O delay 1
// ===================O           delay 2
// =========X                     delay 3
//
// =========X                     Promise.all

如果async-await改为使用,则必须等待每个promise依次解决,这可能没有那么有效:

例子#3

const delay1 = res(3000)
const delay2 = res(2000)
const delay3 = rej(1000)

const data1 = await delay1
const data2 = await delay2
const data3 = await delay3

// ms ------1---------2---------3
// =============================O delay 1
// ===================O           delay 2
// =========X                     delay 3
//
// =============================X await

解决方法

之间有什么区别:

const [result1,result2] = await Promise.all([task1(),task2()]);

const t1 = task1();
const t2 = task2();

const result1 = await t1;
const result2 = await t2;

const [t1,t2] = [task1(),task2()];
const [result1,result2] = [await t1,await t2];

大佬总结

以上是大佬教程为你收集整理的等待 Promise.all()和多次等待之间有什么区别?全部内容,希望文章能够帮你解决等待 Promise.all()和多次等待之间有什么区别?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。