美文网首页前端成长记
在 Array.forEach 中正确使用 Async

在 Array.forEach 中正确使用 Async

作者: TurnHug | 来源:发表于2020-05-08 11:30 被阅读0次


    1. forEach

    forEach函数类似于map,但是它不转换值并使用结果,而是为每个元素运行该函数并丢弃结果(这里可以理解成是否有return值)。实际上,重要的部分是调用函数的副作用。

    例如,将每个元素同步打印到控制台:

    由于结果并不重要,因此可以使用异步函数作为迭代器:



    2. 控制时间

    2.1 等待完成

    但是,并不奇怪,该函数被异步调用,并且程序执行超出了调用范围。这是与同步版本的重要区别,因为在执行下一行时,同步forEach已经完成,而异步版本尚未完成。这就是为什么“完成的异步”日志出现在元素之前的原因。

    要在继续进行之前等待所有函数调用完成,可以使用带有Promise.allmap,并丢弃结果:

    进行此更改后,“完成的异步操作”排在最后。


    2.2 顺序处理

    但是请注意,迭代函数是并行调用的。要忠实地遵循同步forEach,要先使用带await memoreduce

    这样,元素依次依次处理,程序执行将等待整个数组完成后再继续。


    3. 结论

    异步forEach易于使用,但是是否应使用forEach,map或 reduce取决于计时的要求。如果您只想在任何时候运行这些功能,请使用forEach。如果要确保继续操作之前完成操作,请使用map。最后,如果您需要一个一个地运行它们,请使用reduce。

    转载自 https://www.cnblogs.com/luckrain7/p/12674436.html  这个问题困扰我好久,幸有博主文章点拨,不胜感激,如有侵权,烦请联系我删除!

    相关文章

      网友评论

        本文标题:在 Array.forEach 中正确使用 Async

        本文链接:https://www.haomeiwen.com/subject/cgtaghtx.html