instanceOf gibt false zurück, obwohl Debugger zeigt das Objekt

Question

ich diese einfache Funktion haben, die

ich aber falsch liefert true zurückgeben sollte, aber Konsole Debugger zeigt, dass dies das Objekt UIError ist. Trotzdem:

exception.originalException instanceOf UIError 

gibt false zurück! Ich sehe im Debugger, dass es in der Tat eine UIError-Klasse ist. Warum ?

UIError erweitert Fehlerklasse

private isAnUIError(exception: any): boolean { 
    return (exception.originalException) instanceof UIError || exception instanceof UIError; 
} 

export class UIError extends Error { 
constructor (private message: string) { 
super(); 
this.message = message; 
} 

Answer 1

Wenn Typoskript etwas ist wie Babel ES6 Error kann nicht wie eine normale Klasse erweitert werden könnte. Das ist fiese Warze in JavaScript. Die Aufgabe besteht darin, den Prototyp des neuen Fehlers direkt zu verwalten. Ich erklärte dies in another SO Answer in Bezug auf ES6 und Babel tranpiling.

Hier ist, wie ich würde dies erwarten aussehen:

class UIError { 
    constructor(message) { 
    this.name = 'UIError'; 
    this.message = message; 
    this.stack = new Error().stack; // Optional 
    } 
} 
UIError.prototype = Object.create(Error.prototype); 

Beachten Sie, dass super() nichts tut mit Error weil Error ist nicht eine typische Konstruktionsfunktion (Klasse). Es bedeutet nichts

Error.apply(this, [].slice.call(arguments, 0)) 

auszuführen (das ist im Wesentlichen, was ein super() der Fall ist), da die Error() Funktion tut nichts mit this sondern gibt einen neuen Fehler. Dies ist ein bekannter Vorbehalt bezüglich Error in JavaScript.