Typescript – Extending Error class

by

Are you using typescript version 2.1, and transpiling to ES5? Check this section of the breaking changes page for possible issues and workaround: https://github.com/Microsoft/TypeScript-wiki/blob/master/Breaking-Changes.md#extending-built-ins-like-error-array-and-map-may-no-longer-work

The relevant bit:

As a recommendation, you can manually adjust the prototype immediately after any super(…) calls.

class FooError extends Error {
    constructor(m: string) {
        super(m);

        // Set the prototype explicitly.
        Object.setPrototypeOf(this, FooError.prototype);
    }

    sayHello() {
        return "hello " + this.message;
    }
}

However, any subclass of FooError will have to manually set the prototype as well. For runtimes that don’t support Object.setPrototypeOf, you may instead be able to use __proto__.

Unfortunately, these workarounds will not work on Internet Explorer 10 and prior. One can manually copy methods from the prototype onto the instance itself (i.e. FooError.prototype onto this), but the prototype chain itself cannot be fixed.

More Related Contents:

  1. typescript anonymous object with variable based label value
  2. Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  3. (change) vs (ngModelChange) in angular
  4. Angular 2: How to detect changes in an array? (@input property)
  5. Dynamically loading a typescript class (reflection for typescript)
  6. Why duck typing is allowed for classes in TypeScript
  7. Typescript compile to single file
  8. How to use Typescript with native ES6 Promises
  9. How to do the chain sequence in rxjs
  10. Angular 6: How to set response type as text while making http call
  11. Check if value exists in enum in TypeScript
  12. Mongoose the Typescript way…?
  13. using external JS libraries in my angular 2 project
  14. How to implement a pseudo blocking async queue in JS/TS?
  15. An index signature parameter type cannot be a union type. Consider using a mapped object type instead
  16. TypeScript import/as vs import/require? [duplicate]
  17. Is it a good practice using Observable with async/await?
  18. How to parse JSON string in Typescript
  19. `this` is undefined in Dev Tools when using arrow function
  20. Angular 2 Component @Input not working
  21. Highlight the search text – angular 2
  22. How can I disable all typescript type checking?
  23. angular 4+ assign @Input for ngComponentOutlet dynamically created component
  24. How to loop over object properties with ngFor in Angular
  25. Converting an image to base64 in angular 2
  26. Typescript Promise rejection type
  27. How can I get the Typescript compiler to output the compiled js to a different directory?
  28. How to check empty object in angular 2 template using *ngIf
  29. Browser Detection in ReactJS
  30. Next.js app folder: is there some “entry point”? A direct replacement for _app.tsx?

Leave a Comment