JavaScript இல் errors களை எப்படி handle செய்கிறீர்கள், async code உட்பட?

Question

Accepted Answer

Synchronous errors **`try/catch/finally`** பயன்படுத்துகின்றன, மற்றும் நீங்கள் `throw` `Error` objects (strings அல்ல) பயன்படுத்த வேண்டும் ताkि 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` முடிந்துவிட்டது. Error களை *callback உள்ளே* handle செய்யவும்.

## Global safety nets

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

## Best practices

- `Error` (அல்லது custom subclasses) `throw` செய்யவும் stack traces மற்றும் `instanceof` checks க்கு.
- நீங்கள் recover செய்ய முடியும் இடத்தில் **specifically** catch செய்யவும்; unexpected errors களை bubble ஆக விடவும்.
- কখনும் silently swallow errors (`catch (e) {}`) செய்யவேண்டாம். எப்போதும் log அல்லது rethrow செய்யவும்.