آپ JavaScript میں غلطیوں کو کیسے سنبھالتے ہیں، async کوڈ سمیت؟

Question

Accepted Answer

Synchronous غلطیں **`try/catch/finally`** استعمال کرتی ہیں، اور آپ کو `throw` `Error` اشیاء (strings نہیں) کرنی چاہیے تاکہ آپ کو stack trace مل سکے۔

```js
try {
  const data = JSON.parse(input);
} catch (err) {
  if (err instanceof SyntaxError) handleBadJson(err);
  else throw err;        // re-throw what you can't handle
} finally {
  cleanup();             // always runs
}
```

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

```js
// async/await → wrap awaits in try/catch
async function load() {
  try {
    return await fetch(url).then(r => r.json());
  } catch (err) { showError(err); }
}

// promises → use .catch
fetch(url).then(use).catch(showError);
```

## ایک عام پھندہ: try/catch async callbacks کو نہیں پکڑتا

```js
try {
  setTimeout(() => { throw new Error("boom"); }, 0); // ❌ NOT caught
} catch (e) { /* never runs — the throw happens later, outside this stack */ }
```

`setTimeout` callback ایک بعد میں آنے والے tick پر چلتا ہے، اس لیے اردگرد والا `try` پہلے سے ختم ہو چکا ہے۔ غلطی کو *callback کے اندر* سنبھالیں۔

## Global حفاظتی جالیں

```js
window.addEventListener("unhandledrejection", e => log(e.reason)); // browser
process.on("unhandledRejection", err => log(err));                 // Node
```

## بہترین طریقے

- Stack traces اور `instanceof` چیکس کے لیے `Error` (یا custom subclasses) `throw` کریں۔
- جہاں آپ بحال ہو سکتے ہیں **خاص طور پر** `catch` کریں؛ غیر متوقع غلطیوں کو بلبلہ کرنے دیں۔
- خاموشی سے غلطیوں کو دبائیں نہ (`catch (e) {}`)۔ ہمیشہ log کریں یا rethrow کریں۔