await在forEach不起作用解决

落日映苍穹つ 2022-05-15 07:08 233阅读 0赞

# 一、前言 #

前两天在项目中用for遍历的时候遇到了一个坑，花了一天的时间解决。这里就记一下。

# 二、问题 #

首先引一个很简单题目:给一个数组,每隔1s打印出来.这里我把我一开始在项目中的代码贴出来.(当然这里完全和业务无关的)

const _ = require('lodash');
    
    const echo = async (i) => {
        setTimeout(() => { console.log('i===>', i); }, 5000); } let arrs = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; const task = async () => {
        _.forEach(arrs, async (i) => { await echo(i); }) } const run = async () => {
        console.log('run-start====>date:', new Date().toLocaleDateString())
        await task() ;
        console.log('run-end====>date:', new Date().toLocaleDateString())
    }
    (async () => { console.log('start...') await run(); console.log('end...') })() // start... // run-start====>date: 2018-8-25
    // run-end====>date: 2018-8-25
    // end...
    // i===> 1
    // i===> 2
    // i===> 3
    // i===> 4
    // i===> 5
    // i===> 6
    // i===> 7
    // i===> 8
    // i===> 9

上面的代码和输出已经给出了,很奇怪,这里的await并没有其效果.一开始因为是加了业务,是我的业务代码出了问题,然后我就把代码抽出来了,还是不起作用,当时我是真的对对await怀疑了。

最后还是给出问题的答案:

lodash的forEach和[].forEach不支持await,如果非要一边遍历一边执行await,可使用for-of

这里给出正确的代码:

const _ = require('lodash');
    
    const echo = async (i) => {
        return new Promise((resolve,reject)=>{ setTimeout(() => { console.log('i===>', i,new Date().toLocaleTimeString()); resolve(i) ; }, 2000); }) } let arrs = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; const task = async () => {
        // _.forEach(arrs, async (i) => { // await echo(ji) ; // }) // arrs.forEach(async (i )=> { // await echo(i) ; // }); for (const i of arrs) { await echo(i) ; } } const run = async () => {
        console.log('run-start====>date:', new Date().toLocaleDateString())
        await task() ;
        console.log('run-end====>date:', new Date().toLocaleDateString())
    }
    (async () => { console.log('start...') await run(); console.log('end...') })() // 输出 start... run-start====>date: 2018-8-26
    i===> 1 20:51:29
    i===> 2 20:51:31
    i===> 3 20:51:33
    i===> 4 20:51:35
    i===> 5 20:51:37
    i===> 6 20:51:39
    i===> 7 20:51:42
    i===> 8 20:51:44
    i===> 9 20:51:46
    i===> 10 20:51:48
    run-end====>date: 2018-8-26
    end...

# 三、总结 #

当解决问题的时候,有时候可以使用排除法,比方说在这个例子中,我们知道await这个机制肯定是没问题的,如果真的有问题肯定不会轮到我测出来,那么其实剩下来的问题只能是for遍历的原因了.因为我一开始是用lodash实现的,那么就可以想是不是lodash的forEach没有作(或者做了多余)await处理,此时就可以换种方式试试了,总的来说还是经验的问题吧。

最后附上微信公众号，才开始准备在公众号写文章，排版什么的都不咋样，希望能够坚持下去，慢慢做好。

![架构师之途][70]

[70]: /images/20220515/14260182f4d94b9fba378950ba000d3f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，233人围观）

还没有评论，来说两句吧...

相关阅读

相关 List.append() 在 Python 中不起作用，该怎么解决？

Python 是一种强大而灵活的编程语言，它提供了许多方便的数据结构和操作方法，其中之一就是列表（List）。列表是一个有序的集合，可以包含不同类型的元素，并且可以进行添加、删

红太狼/ 2024年03月16日 11:47/ 0 赞/ 19 阅读

相关 android闹钟不起作用,Android闹钟不起作用

实际上,您不需要指定操作,因为您在intent中使用了类AlarmReceiver.class. 在AndroidManifest.xml中,确保在< application

骑猪看日落/ 2022年10月16日 05:54/ 0 赞/ 279 阅读

相关 textarea在ie中focus不起作用

由于兼容性没有考虑周全，今天遇到了这个问题： ![复制代码][copycode.gif] <html lang="en"> <head> <

秒速五厘米/ 2022年08月06日 10:10/ 0 赞/ 206 阅读

相关 Scope provided在IDEA中不起作用

短短两个星期中，我已经两次遇到maven的scope问题了。该长点记性了。 -------------------- > compile: > This is the

Dear 丶/ 2022年06月12日 05:39/ 0 赞/ 237 阅读

相关 spring boot 事务不起作用解决

mysql的表是有事务安全( 比如：InnoDB)和非事务安全(比如：ISAM、MyISAM)之分的表类型是MyISAM，是非事务安全的，所以无法实现数据回滚。

落日映苍穹つ/ 2022年06月05日 21:09/ 0 赞/ 236 阅读

相关 await在forEach不起作用解决

一、前言前两天在项目中用for遍历的时候遇到了一个坑，花了一天的时间解决。这里就记一下。二、问题首先引一个很简单题目:给一个数组,每隔1s打印出来.这里我把

落日映苍穹つ/ 2022年05月15日 07:08/ 0 赞/ 234 阅读

相关解决ftp_nlist命令不起作用

我使用下面的代码↓连接到FTP服务器并获取文件列表。它可以在我的本地机器（windows）上正常工作，但不在生产环境（运行centos）上，其中ftp\_nlist方法返回fa

Dear 丶/ 2022年03月14日 09:18/ 1 赞/ 454 阅读

相关 word-wrap在firefox中不起作用的解决方法

word-wrap:break-word 在firefox中不会起作用，以下是解决办法完整的css代码为 word-wrap:break-word; overf

左手的ㄟ右手/ 2021年11月22日 23:20/ 0 赞/ 319 阅读

相关 @WebListener 不起作用

分享一下今天遇到在监听器上面加注解@WebListener不起作用的问题 <?xml version="1.0" encoding="UTF-8"?> <web-app

朱雀/ 2021年09月23日 10:18/ 0 赞/ 545 阅读

相关 Shiro unauthorizedUrl 不起作用解决方法

Shiro 通过注解方式判断当前用户没有权限时，跳转不到指定的错误页面，就是因为 unauthorizedUrl 不起作用，解决方法就是在 shiro 配置中加上下面这一段配置

落日映苍穹つ/ 2021年06月26日 16:06/ 0 赞/ 565 阅读