async/await کیسے کام کرتا ہے?

Question

Accepted Answer

`async/await` **Promises کے اوپر syntactic 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 بمقابلہ parallel — ایک عام کارکردگی کی غلطی

`await` چیزوں کو **ایک کے بعد ایک** چلاتا ہے۔ اگر دو requests ایک دوسرے پر منحصر نہیں ہیں، تو انہیں sequentially await کرنا بہت سست ہے:

```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 await شدہ promise throw کرتا ہے، تو ایک `catch` پورے block کو cover کرتا ہے۔

## زیر الحکومت (Under the hood)

یہ ابھی بھی Promises اور microtask queue ہے — `await` thread کو block نہیں کرتا؛ یہ کنٹرول دے دیتا ہے تاکہ دوسرا کوڈ چل سکے، پھر دوبارہ شروع ہوتا ہے۔ مت بھولو: `async` فنکشن کو بغیر `await` کیے (یا `.catch` کے) کال کرنا errors کو چھپا سکتا ہے۔

## یہ کیوں اہم ہے

یہ async flows کو قابل فہم بناتا ہے اور async work کو sequence کرنے کا جدید معیار ہے — لیکن آپ کو شعوری طور پر independent operations کو `Promise.all` کے ساتھ parallelize کرنا چاہیے۔