In a Promise, what's the difference between using catch and the 2nd argument of then?

In JavaScript's Promise, error handling can be achieved using the .catch() method or the second parameter of .then(). While these two approaches appear similar, they have key differences in practical applications.

Using .catch() Method

The .catch() method is primarily used to capture errors that occur in any preceding .then() within a Promise chain. This includes errors thrown in any previous .then() execution block or returned Promise. This makes .catch() well-suited for handling errors across multiple Promise operations, allowing convenient capture of any error in the entire Promise chain.

Example:

javascript
Promise.resolve()
  .then(() => {
    throw new Error("Something went wrong!");
  })
  .then(() => {
    console.log("This won't run");
  })
  .catch(error => {
    console.log(error);  // This captures the error thrown above
  });

In this example, regardless of where the error occurs in any .then(), .catch() will capture it.

Using the Second Parameter of .then()

The .then() method can accept two parameters: the first for handling successful Promise resolution, and the second for handling errors. Using the second parameter for error handling has limitations because it can only capture errors from the previous Promise and does not handle new errors thrown within its error handling function.

Example:

javascript
Promise.resolve()
  .then(() => {
    throw new Error("Something went wrong!");
  }, error => {
    console.log("Won't handle this error");
  })
  .then(() => {
    console.log("This won't run");
  }, error => {
    console.log(error);  // This only captures errors thrown in the first `.then()`
  });

In this example, the second .then()'s error handler can capture errors thrown in the first .then(), but if an error occurs in a subsequent .then(), the previous error handler cannot capture it.

Summary

While both methods can be used for error handling, .catch() is more versatile as it can capture errors throughout the entire Promise chain, maintaining code clarity and simplicity. Using the second parameter of .then() for error handling is better suited for cases where only specific Promise operations need error handling, but its error handling capabilities are more limited. Therefore, in practical development, it is recommended to prioritize using .catch() for error handling.