Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Best Practices for Async/Await | Async/Await
Asynchronous JavaScript Explained

bookBest Practices for Async/Await

When working with async and await, it is important to follow best practices to keep your code clean, readable, and reliable. The most essential guideline is to always handle errors properly. Since await pauses the execution of an async function until the awaited Promise settles, any rejected Promise will throw an error that must be caught. To prevent your program from crashing or behaving unpredictably, wrap your await statements in a try/catch block. This ensures you can handle errors gracefully and provide meaningful feedback or fallback logic.

Structuring your async functions is also crucial:

  • Keep your functions focused;
  • Avoid deeply nesting async calls;
  • When you have multiple async operations that do not depend on each other, you can start them simultaneously and then await their results;
  • This can improve performance and keep your code tidy.

Another important best practice is to avoid mixing .then or .catch with await inside the same function. Mixing these styles can make your code harder to read and maintain, and may lead to subtle bugs. Instead, choose one style—preferably async/await—for consistency.

Note
Note

Always use try/catch for awaited Promises that might reject, and avoid mixing .then with await. Sticking to one style makes your code easier to read and debug.

question mark

What should you avoid when using async/await?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 5

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Suggested prompts:

Can you give an example of proper error handling with async/await?

What are some common mistakes to avoid when using async/await?

How can I improve performance when running multiple async operations?

Awesome!

Completion rate improved to 3.57

bookBest Practices for Async/Await

Sveip for å vise menyen

When working with async and await, it is important to follow best practices to keep your code clean, readable, and reliable. The most essential guideline is to always handle errors properly. Since await pauses the execution of an async function until the awaited Promise settles, any rejected Promise will throw an error that must be caught. To prevent your program from crashing or behaving unpredictably, wrap your await statements in a try/catch block. This ensures you can handle errors gracefully and provide meaningful feedback or fallback logic.

Structuring your async functions is also crucial:

  • Keep your functions focused;
  • Avoid deeply nesting async calls;
  • When you have multiple async operations that do not depend on each other, you can start them simultaneously and then await their results;
  • This can improve performance and keep your code tidy.

Another important best practice is to avoid mixing .then or .catch with await inside the same function. Mixing these styles can make your code harder to read and maintain, and may lead to subtle bugs. Instead, choose one style—preferably async/await—for consistency.

Note
Note

Always use try/catch for awaited Promises that might reject, and avoid mixing .then with await. Sticking to one style makes your code easier to read and debug.

question mark

What should you avoid when using async/await?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 5
some-alt