Ich habe diesen Code geschrieben

interface Foo {
    abcdef: number;
}

let x: Foo | string;

if (x instanceof Foo) {
    // ...
}

Aber TypeScript hat mir diesen Fehler gegeben:

'Foo' only refers to a type, but is being used as a value here.

Warum passiert das? Ich dachte, das instanceofkönnte überprüfen, ob mein Wert einen bestimmten Typ hat, aber TypeScript scheint dies nicht zu mögen.

Was ist los

Das Problem ist, dass instanceofes sich um ein Konstrukt aus JavaScript handelt und in JavaScript instanceofeinen Wert für den Operanden auf der rechten Seite erwartet . Insbesondere wird in x instanceof FooJavaScript eine Laufzeitprüfung durchgeführt, um festzustellen Foo.prototype, ob irgendwo in der Prototypenkette von vorhanden ist x.

In TypeScript haben interfaces jedoch keine Emission. Das bedeutet, dass zur Laufzeit weder Foonoch Foo.prototypevorhanden ist, sodass dieser Code definitiv fehlschlägt.

TypeScript versucht Ihnen mitzuteilen, dass dies niemals funktionieren könnte. Fooist nur ein Typ, es ist überhaupt kein Wert!

"Was kann ich tun anstatt instanceof?"

Sie können sich Typschutz und benutzerdefinierte Typenschutz ansehen .

"Aber was ist, wenn ich gerade von einem interface zu einem gewechselt bin class?"

Sie könnten versucht sein, von einem interfacezu einem zu wechseln class, aber Sie sollten sich darüber im Klaren sein, dass Sie im strukturellen Typensystem von TypeScript (bei dem die Dinge hauptsächlich formbasiert sind ) jedes Objekt erzeugen können, das dieselbe Form wie eine bestimmte Klasse hat:

class C {
    a: number = 10;
    b: boolean = true;
    c: string = "hello";
}

let x = new C()
let y = {
    a: 10, b: true, c: "hello",
}

// Works!
x = y;
y = x;

In diesem Fall haben Sie xund ydas haben den gleichen Typ, aber wenn Sie versuchen, eines instanceofvon beiden zu verwenden, erhalten Sie das andere Ergebnis auf dem anderen. Sie instanceofwerden also nicht wirklich viel über den Typ erzählen, wenn Sie strukturelle Typen in TypeScript nutzen.

Um zur Laufzeit eine Typprüfung mit einer Schnittstelle durchzuführen , werden Typschutzvorrichtungen verwendet , wenn die zu überprüfenden Schnittstellen unterschiedliche Eigenschaften / Funktionen haben.

Beispiel

let pet = getSmallPet();

if ((pet as Fish).swim) {
    (pet as Fish).swim();
} else if ((pet as Bird).fly) {
    (pet as Bird).fly();
}

Daniel Rosenwasser mag Recht und Recht haben, aber ich möchte seine Antwort ändern. Es ist vollständig möglich, die Instanz von x zu überprüfen, siehe das Code-Snippet.

Es ist aber genauso einfach, x = y zuzuweisen. Jetzt wäre x keine Instanz von C, da y nur die Form von C hatte.

class C {
a: number = 10;
b: boolean = true;
c: string = "hello";
}

let x = new C()
let y = {
    a: 10, b: true, c: "hello",
}

console.log('x is C? ' + (x instanceof C)) // return true
console.log('y is C? ' + (y instanceof C)) // return false

Überprüfen Sie, ob Ihre Datei vom richtigen Typ ist. Tags sind in den js-Dateien nicht zulässig, in jsx jedoch