Promise : then vs then + catch [duplicate]

by

In your current code, they act the same because console.log('success'); will not fail.

However, if you write something like this…

myPromise.then(function() {
   // Some error may happen
   throw('An exception that would be caught');
}).catch(function() {
    console.log('error');
});
// Is the same as this, the errHandle tries to catch any unhandled error
// from previous result.
myPromise.then(func, null).then(null, errHandle);


myPromise.then(function() {
   // Some error may happen
   throw('An unhandled exception.');
}, function() {
    // This won't log the error if it happens in the 
    // some error may happen block.
    console.log('error');
});
// Is the same as this, the errHandle will handle errors from previous result,
// but it won't handle errs in func.
myPromise.then(func, errHandle)

The second form can’t catch that error, while the first can.

Snippet for test: 

// An function that may error and throw exception.
function funcThatThrows(test) {
  throw(`oops - error in test ${test}`);
}
function errHandler(exception) {
  console.log('We got an exception: ', exception);
}
// Expect: We got an exception:  oops - error in test 1
Promise.resolve(1).then(funcThatThrows).catch(errHandler);
// Is the same as below, the errHandler tries to catch any unhandled error
// from previous result.
// Expect: We got an exception:  oops - error in test 2
Promise.resolve(2).then(funcThatThrows, null).then(null, errHandler);

// If put the function and handler in the same then, the exception won't be caught.
// Expect: Uncaught (in promise) oops - error in test 3
Promise.resolve(3).then(funcThatThrows, errHandler);

More Related Contents:

  1. When is .then(success, fail) considered an antipattern for promises?
  2. Is it bad practice to have a constructor function return a Promise?
  3. Resolve promises one after another (i.e. in sequence)?
  4. async/await always returns promise
  5. What is the correct terminology for javascript promises
  6. Building a promise chain recursively in javascript – memory considerations
  7. Cancel a vanilla ECMAScript 6 Promise chain
  8. Asynchronous exception handling with bluebird promises
  9. Return from a promise then()
  10. How to sequentially run promises with Q in Javascript?
  11. Should an async API ever throw synchronously?
  12. Break promise chain and call a function based on the step in the chain where it is broken (rejected)
  13. Promise All with Axios
  14. How to know when all Promises are Resolved in a dynamic “iterable” parameter?
  15. Slowdown due to non-parallel awaiting of promises in async generators
  16. How to block for a javascript promise and return the resolved result? [duplicate]
  17. using a fetch inside another fetch in javascript
  18. Javascript Promises with FileReader()
  19. Is it a good practice using Observable with async/await?
  20. Why does the Promise constructor require a function that calls ‘resolve’ when complete, but ‘then’ does not – it returns a value instead?
  21. Promises: Repeat operation until it succeeds?
  22. Ember transition & rendering complete event
  23. Understanding JS Promises
  24. Typescript Promise rejection type
  25. Difference of using async / await vs promises?
  26. Promise.all().then() resolve?
  27. When or who does pass resolve and reject functions to JS promises?
  28. One time event handling using promises?
  29. What happens when promise is yielded in javascript?
  30. When is the body of a Promise constructor callback executed?

Leave a Comment