神奇的递归:Javascript递归代替for循环 解决循环调用异步操作时数据顺序错乱

如下图,在用for循环执行一个异步方法时,会发现,无论该方法有没有执行完,循环都会直接开始第二次循环,如果对数据的顺序有要求的话,那么就会发现输出的顺序是错乱的,因为每次异步方法的执行时间都是波动的,猜测跟系统分配的线程有关。所以会输出如下图的错乱顺序。

提示:之所以用setTimeout方法也是去模拟一个异步操作,用随机的时间来模拟异步方法的执行时间的波动性。

因此遇到这种情况,就必须换一种写法了,用递归的方法,也就是方法调用自己本身来实现循环的效果,同时能够保证每次都能按顺序输出数据,如下图,可以发现使用递归方法后输出就是按顺序的了。其实看起来非常简单明了,就是程序调用自身。如果i等于循环次数后就不再调用自身,从而来停止。这种方法很好地解决了在循环中放入异步操作会出现不执行完异步操作就执行第二次循环导致输出顺序不对的情况。

  • 5
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值