promise - javascript catch multiple errors with one catch

Question

Let's say I have 3 functions with promises:

function1().then(() => {
  function2().then(() => {
    function3().then(() => {      
    })
  })
}).catch((err) => {
  console.log(err);
})

Would I be able to catch the error returned by any of the 3 functions? If not, what should I do in order to catch the errors returned by any of the functions' promises with one statement?

Answer 1

Instead of calling and chaining them in the bodies, return the resulting promise and chain the .then clauses.

function1().then(() => {
  // TODO: Something.
  return function2();
}).then(() => { // <-- This `.then` waits until `function2` has finished executing
  // TODO: Something.
  return function3();
}).then(() => { // <-- This `.then` waits until `function3` has finished executing
  // TODO: Something.
}).catch((err) => {
  console.log(err);
});