I recently ran into a Javascript problem catching errors and thus crashing when exception thrown.

• funcReturnPromise().then().catch()

I had to change this to:

try {
  funcReturnPromise().then()
} catch (e) {
  ...
}

Couldn't find a decent explanation for it, any JS wizards available to enlighten a JS peasant?

I recently ran into a Javascript problem catching errors and thus crashing when exception thrown.

• funcReturnPromise().then().catch()

I had to change this to:

try {
  funcReturnPromise().then()
} catch (e) {
  ...
}

Couldn't find a decent explanation for it, any JS wizards available to enlighten a JS peasant?

• javascript
• error-handling
• promise
• try-catch

Share Improve this question Follow asked Nov 18, 2019 at 5:21 LuffyLuffy 40155 silver badges1010 bronze badges 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

If funcReturnPromise() can throw synchronously (which functions that return promises should generally never do), then you do have to catch that synchronous exception with try/catch as you discovered when using regular .then().

This is one place where async functions can hep you. For example, if you declare funcReturnPromise as async, then the synchronous exception it throws will automatically bee a rejected promise and the caller won't ever be exposed to a synchronous exception.

Or, if the caller (your code here) uses await, then you can catch both sycnhronous exceptions and rejected promises with the same try/catch.

So, for example, you could do this:

async function myFunc()
    try {
      let result = await funcReturnPromise();
      console.log(result);
    } catch (e) {
        // this catches both a rejected promise AND
        // a synchronously thrown exception
        console.log(e);
    }
}