Extending Error in Javascript with ES6 syntax & Babel

by

Based on Karel Bílek’s answer, I’d make a small change to the constructor:

class ExtendableError extends Error {
  constructor(message) {
    super(message);
    this.name = this.constructor.name;
    if (typeof Error.captureStackTrace === 'function') {
      Error.captureStackTrace(this, this.constructor);
    } else { 
      this.stack = (new Error(message)).stack; 
    }
  }
}    

// now I can extend

class MyError extends ExtendableError {}

var myerror = new MyError("ll");
console.log(myerror.message);
console.log(myerror instanceof Error);
console.log(myerror.name);
console.log(myerror.stack);

This will print MyError in the stack, and not the generic Error.

It will also add the error message to the stack trace – which was missing from Karel’s example.

It will also use captureStackTrace if it’s available.

With Babel 6, you need transform-builtin-extend (npm) for this to work.

More Related Contents:

  1. Unable to access React instance (this) inside event handler [duplicate]
  2. Null-safe property access (and conditional assignment) in ES6/2015
  3. Using Node.js require vs. ES6 import/export
  4. Why does babel rewrite imported function call to (0, fn)(…)?
  5. Call async/await functions in parallel
  6. Getting Unexpected Token Export
  7. Arrow Function in Object Literal [duplicate]
  8. Extending built-in natives in ES6 with Babel
  9. ES6 exporting/importing in index file
  10. Can’t require() default export value in Babel 6.x
  11. Browserify, Babel 6, Gulp – Unexpected token on spread operator
  12. Is there any one-line analogy in ES6 for ES5 `module.exports = require(‘./inner.js’)`?
  13. Why doesn’t instanceof work on instances of Error subclasses under babel-node?
  14. Convert ES6 Iterable to Array
  15. SyntaxError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’ – Gulp
  16. Webpack babel 6 ES6 decorators
  17. Unable to use Arrow functions inside React component class [duplicate]
  18. How to publish a module written in ES6 to NPM?
  19. ES6 `export * from import`?
  20. Clean way to keep original variable and destructure at the same time
  21. JavaScript object destructuring and aliasing
  22. Difference between import X and import * as X in node.js (ES6 / Babel)?
  23. Export multiple classes in ES6 modules
  24. “unexpected token import” in Nodejs5 and babel?
  25. How to run Node.js app with ES6 features enabled?
  26. require(‘babel/register’) doesn’t work
  27. Re-export default in ES 6 modules
  28. gulp babel, exports is not defined
  29. Exporting functions with reactjs and babel
  30. Javascript: Using `.includes` to find if an array of objects contains a specific object

Leave a Comment