1、通过一个简易的demo说明这个问题,在for循环中嵌套一个setTimeout的方法去打印本次循环的次数,结果打印的全部是最后一次循环的结果。
2、究其原因是fo筠续师诈r循环有一个特点,就是“i判断失败一次才停止”。所以,i在不断的自加1的时候,直到i等于5,i才失败,这时候循环体不再执行,会跳出,所以i等于5没错。那么为什么5次循环的i都等于5?原因就是setTimeout()的回调,也就是console.log(i);console.log(arr[i]);被压到任务队列的最后,for循环是同步任务,所以先执行,等于是空跑了5次循环。于是,i都等于5之后,console.log(i);console.log(arr[i]);刚开始第一次执行,当然输出全是5。
3、解决方法:使用递归函数代替for循环
4、总结:在for循环中嵌套异步函数的时候回产生循环顺序混乱或者结果是执行最后一次循环结果的现象,使用递归函数代替for循环是解决问题的办法之一。