Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ 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?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 3.  5

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 3.  5
some-alt