ਤੁਸੀਂ JavaScript ਵਿੱਚ ਗਲਤੀਆਂ ਨੂੰ ਕਿਵੇਂ ਸੰਭਾਲਦੇ ਹੋ, async ਕੋਡ ਸਮੇਤ?

Question

Accepted Answer

Synchronous ਗਲਤੀਆਂ **`try/catch/finally`** ਦੀ ਵਰਤੋਂ ਕਰਦੀਆਂ ਹਨ, ਅਤੇ ਤੁਹਾਨੂੰ `Error` ਬਿਜਾਲੀਆਂ (ਸਤਰਾਂ ਨਹੀਂ) `throw` ਕਰਨੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ ਤਾਂ ਜੋ ਤੁਹਾਨੂੰ 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
}
```

## Async ਗਲਤੀ ਸੰਭਾਲ ਸਟਾਈਲ ਦੁਆਰਾ ਵੱਖਰਾ ਹੈ

```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 ਦੇ ਅੰਦਰ* ਸੰਭਾਲੋ।

## ਗਲੋਬਲ safety nets

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

## ਵਧੀਆ ਤਰੀਕੇ

- Stack traces ਅਤੇ `instanceof` ਜਾਂਚਾਂ ਲਈ `Error` (ਜਾਂ ਕਸਟਮ ਸਬਕਲਾਸਾਂ) throw ਕਰੋ।
- **ਖਾਸ ਤੌਰ ਉੱਤੇ** catch ਕਰੋ ਜਿੱਥੇ ਤੁਸੀਂ ਬਹਾਲ ਕਰ ਸਕੋ; ਅਨਸੁਭਿਆਸੀ ਗਲਤੀਆਂ ਨੂੰ ਬੁਲਬੁਲਾ ਆਉਣ ਦਿਓ।
- ਗਲਤੀਆਂ ਨੂੰ ਚੁੱਪ ਤੋਂ ਨਾ ਨਿਗਲੋ (`catch (e) {}`). ਹਮੇਸ਼ਾ log ਕਰੋ ਜਾਂ rethrow ਕਰੋ।