Скачать или смотреть How to Run an async Function Repeatedly in JavaScript

Learn how to effectively utilize asynchronous functions in JavaScript with loops by avoiding common pitfalls. Discover a step-by-step guide to running your async function on repeat without errors.
---
This video is based on the question https://stackoverflow.com/q/69083893/ asked by the user 'Fisheiyy' ( https://stackoverflow.com/u/12678839/ ) and on the answer https://stackoverflow.com/a/69084541/ provided by the user 'ikhvjs' ( https://stackoverflow.com/u/14032355/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: How can I do a async function over and over?

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Running an async Function Repeatedly in JavaScript

If you're working with asynchronous programming in JavaScript, you might have found yourself needing to execute an async function over and over. This is a common requirement, especially when you're fetching data or performing tasks at regular intervals. In this guide, we will tackle this problem and guide you through the solution in a clear and structured way.

The Problem

You may try to encapsulate your async function inside a while loop, only to discover that it doesn’t behave as intended. This can lead to unexpected results where only the initial function call runs, and the rest seem to be ignored. This is commonly due to how JavaScript handles asynchronous operations.

Example of the Issue

Consider the following code snippet:

[[See Video to Reveal this Text or Code Snippet]]

Here, gasFee() is called in a loop; however, the wait() function is synchronous and blocks the execution of gasFee() from completing its asynchronous operation.

The Solution

To make your code work as expected, you'll need to make a few adjustments. Here’s how you can do this:

Step-by-Step Guide

Update the Wait Function:
Convert your wait function into a promise-based function. This allows it to be used with await, enabling the execution of other async operations without blocking them.

[[See Video to Reveal this Text or Code Snippet]]

Await Your Async Function:
Use await when calling your gasFee() function inside your loop. This ensures that the program waits for gasFee() to finish execution before proceeding with the wait.

Use an Async IIFE:
Use an Immediately Invoked Function Expression (IIFE) to set your loop in motion. This keeps your asynchronous logic neatly organized.

Final Code Example

Here’s how the complete and corrected implementation looks:

[[See Video to Reveal this Text or Code Snippet]]

Key Takeaways

Always use await with your async functions to ensure they complete before moving forward.

Convert synchronous wait functions into promise-based ones to facilitate asynchronous behavior.

Structure your code using an IIFE for better readability and organization.

By following these steps, you can successfully run your async function continuously without running into the initial problems faced. With practice, asynchronous programming in JavaScript can become a powerful tool in your development toolkit.