Advertisement
| 1 | # JavaScript Async/Await |
| 2 | |
| 3 | ## Basic Usage |
| 4 | |
| 5 | ```javascript |
| 6 | // Async function declaration |
| 7 | async function fetchUser(id) { |
| 8 | try { |
| 9 | const response = await fetch(`/api/users/${id}`); |
| 10 | const data = await response.json(); |
| 11 | return data; |
| 12 | } catch (error) { |
| 13 | console.error("Error fetching user:", error); |
| 14 | throw error; |
| 15 | } |
| 16 | } |
| 17 | |
| 18 | // Arrow function async |
| 19 | const getPost = async (id) => { |
| 20 | const res = await fetch(`/api/posts/${id}`); |
| 21 | return res.json(); |
| 22 | }; |
| 23 | |
| 24 | // Parallel execution |
| 25 | const [users, posts] = await Promise.all([ |
| 26 | fetchUsers(), |
| 27 | fetchPosts() |
| 28 | ]); |
| 29 | |
| 30 | Error Handling |
| 31 | |
| 32 | Always wrap await calls in try/catch for proper error handling. |
| 33 |
Loading rendered view...
Copied to clipboard!
Paste Info
- ID
- yN2bK6
- Type
- Markdown
- Size
- 0.6 KB
- Lines
- 33
- Views
- 227
- Created
- 1d ago
Advertisement