Tricky code to intercept a promise. Awesome!

promise-interception.js

const NoopPromise = {
  then: () => NoopPromise,
  catch: () => NoopPromise,
};

Promise.resolve().then(() => {
  const number = Math.random();
  if (number > 0.5) {
    return number;
  }
  // something bad happend,
  // we have to stop the promise chain from here
  // the rest chained code wouldn't execute,
  // even with `catch` method
  
  // ...
  // do something error handler, like message, toast, event collection
  // ...
  return NoopPromise;
}).then((data) => {
  console.log('We got the data from up-promise %d', data);
}).catch((e) => {
  // This never printed
  console.error('We encountered an error %o', e);
});

console.log('---');

Promise.resolve().then(() => {
  throw new Error('Bad Promise');
}).catch((e) => {
  console.error('We encountered an error %o', e);
  return NoopPromise;
}).then(() => {
  console.log('This never printed');
}).catch(() => {
  console.log('This never printed');
});