Since JavaScript is a single-threaded programming environment, some times it gives confusing outputs when time-consuming processes are executed middle of a code block. Using Asynchronous JavaScript such as a sync, await and promises developers can overcome the occurrence of those confusing outputs.
From today’s article, I am going to talk about how an asynchronous for loop can be handle in JavaScript.
Before moving further it would be better to have mentioned that I am not going to explain basic concepts of a sync, await and promises in JavaScript. I am going to explain only about handling asynchronous for loop.
I have created a time-consuming function to show how it works with different for loops.
Test using an asynchronous function.
From this example, we can clearly see forEach(), not giving the expected results and not waiting until the finishing of execution of the time-consuming function.
let’s see an example of how to do it
For loop gave the expected answer and waited until the finishing of execution of the time-consuming function.
Don’t hesitate to share any comment with me.