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

Question

Accepted Answer

`async/await` **Promises کے اوپر syntax sugar** ہے جو آپ کو asynchronous کوڈ لکھنے دیتا ہے جو synchronous کوڈ کی طرح پڑھتا ہے۔ ایک `async` فنکشن ہمیشہ ایک Promise واپس کرتا ہے؛ `await` فنکشن کو اس وقت تک روکتا ہے جب تک Promise حل نہ ہو جائے، پھر اس کی قیمت کے ساتھ دوبارہ شروع کرتا ہے۔

```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
  }
}
```

## ترتیب سے بمقابلہ متوازی — ایک عام کارکردگی کی غلطی

`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()]);
```

## خرابی کی نمائندگی

`.catch` کی بجائے `try/catch` استعمال کریں۔ ایک مسترد کیا گیا منتظر promise پھینکتا ہے، تو ایک `catch` پورے بلاک کو کوٹ کرتا ہے۔

## ہود کے نیچے

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

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

یہ async flows کو قابلِ فہم بناتا ہے اور async کام کو ترتیب دینے کے لیے جدید ڈیفالٹ ہے — لیکن آپ کو `Promise.all` کے ساتھ آزاد آپریشنز کو شعور سے متوازی بنانا ہوگا۔