async/await कैसे काम करता है?

Question

Accepted Answer

`async/await` **Promises के ऊपर syntax sugar** है जो आपको asynchronous कोड लिखने देता है जो synchronous कोड जैसा दिखता है। `async` फ़ंक्शन हमेशा एक Promise लौटाता है; `await` फ़ंक्शन को तब तक रोकता है जब तक Promise settle न हो जाए, फिर इसके value के साथ फिर से शुरू होता है।

```js
async function loadUser(id) {
  try {
    const res = await fetch(`/api/users/${id}`); // pause until the response
    const user = await res.json();               // pause until parsed
    return user;                                  // becomes the resolved value
  } catch (err) {
    console.error(err); // catches rejections from any await above
  }
}
```

## Sequential vs parallel — एक सामान्य performance गलती

`await` चीजों को **एक के बाद एक** चलाता है। अगर दो requests एक दूसरे पर निर्भर नहीं हैं, तो उन्हें क्रम में await करना अनावश्यक रूप से slow है:

```js
// ❌ sequential — total time = a + b
const a = await getA();
const b = await getB();

// ✅ parallel — total time = max(a, b)
const [a, b] = await Promise.all([getA(), getB()]);
```

## Error handling

`.catch` की जगह `try/catch` का उपयोग करें। एक rejected awaited promise throw करता है, इसलिए एक `catch` पूरे block को कवर करता है।

## Under the hood

यह अभी भी Promises और microtask queue है — `await` thread को block नहीं करता; यह control yield करता है ताकि अन्य कोड चल सके, फिर फिर से शुरू होता है। मत भूलो: `async` फ़ंक्शन को `await` (या `.catch`) के बिना कॉल करने से errors छुप सकते हैं।

## यह क्यों महत्वपूर्ण है

यह async flows को readable बनाता है और asynchronous काम को sequence करने के लिए आधुनिक default है — लेकिन आपको independent operations को `Promise.all` के साथ सचेतन रूप से parallelize करना चाहिए।