Typoskript instanceof funktioniert nicht

Habe ich Probleme mit dem instanceof-operator und es scheint nicht zu funktionieren. Hier ist ein Teil von meinem code:

        const results = _.map(items, function(item: Goal|Note|Task, index: number) { 
            let result = {};
            if (item instanceof Goal) {
                result = { id: index, title: item.name };
            } else if (item instanceof Note) {
                result = { id: index, title: item.content.text };
            } else if (item instanceof Task) {
                result = { id: index, title: item.name };
            }

            console.log(item);
            console.log(item instanceof Goal);
            console.log(item instanceof Note);
            console.log(item instanceof Task);

            return result; 
        });

Alle meine logs sagen falsch, hier ist das, was die Konsole sieht wie folgt aus:

Typoskript instanceof funktioniert nicht

Keiner von Ihnen übereinstimmen, obwohl Sie ausdrücklich darauf hin, dass nur die 3 Arten wäre möglich. Sie konnte auch sehen, dass das Objekt sich mit einer typename Ziel, so verstehe ich nicht, warum es nicht mit mit instanceof Ziel.

Irgendwelche Ideen?

  • Wie sind Sie zu generieren items? Entstehen Sie durch Konstruktoren? Wenn nicht, werden Sie nicht werden, die Instanzen einer bestimmten Klasse.
  • Hast du das Objekt kopieren vielleicht? Durch JSON.analysieren oder Objekt.zuweisen?
  • Sie sind Antworten, die von einer API/http-Aufruf. Müssen, warum Ihre typeofs sind immer Objekte im Gegensatz zu bestimmten Typen?
  • Recht. Für instanceof zu arbeiten, müssen Sie eigentliche machen von Konstruktoren. Sonst sind Sie nur Objekte, die zufällig die gleiche Form wie Ihre gewünschten Objekte.
  • Danke @MikeC, entschied sich für die Verwendung hasOwnProperty statt.
  • oder nutzen Sie einfach typeguards. 🙂
  • Ich denke nicht, dass eine der Lösungen auf StackOverflow eine umfassende Lösung für das problem. So, ich habe ein npm-Paket angular-http-deserializer für diese: npmjs.com/package/angular-http-deserializer#usage

InformationsquelleAutor AnimaSola | 2017-08-30
  1. 13

    instanceof wird true zurückgegeben, nur wenn es passt die Funktion oder Klasse, von dem es gebaut wurde. Die item hier ist eine einfache Object.

    const a = { a: 1 } //plain object
console.log(a);

//{a:1}                 <-- the constructor type is empty
//  a: 1
//  __proto__: Object   <-- inherited from

a instanceof A         //false because it is a plain object
a instanceof Object    //true because all object are inherited from Object

    Wenn es aufgebaut ist mit einem Konstruktor-Funktion oder eine Klasse, dann instanceof funktioniert wie erwartet:

    function A(a) {
    this.a = a;
}

const a = new A(1);    //create new "instance of" A
console.log(a);

//A {a:1}               <-- the constructor type is `A`

a instanceof A         //true because it is constructed from A
a instanceof Object    //true

    Wenn Goal ist ein Interface es wird nur die Struktur des Objekts, nicht seine Art. Wenn Goal ist ein Konstruktor, dann sollte true zurückgeben, für instanceof überprüft.

    Probieren Sie etwas wie:

    //interface Goal {...}
class Goal {...}        //you will have to change the way it works.

items = [
   new Goal()
];
    • Leider, ich haben einen Fall, wo typeof fehlschlägt, für Objekte, die erstellt wurden mit einem Konstruktor. Protokollieren Sie die richtigen Typ, noch die Prüfung weiterhin fehlschlägt.
    • nicht geben Sie den Typ in JavaScript typeof funktioniert nur für primitive Typen, das heißt, Sie erhalten Object als Ergebnis für jede Art überprüft. Vielleicht möchten Sie versuchen, den Vergleich obj.constructor. Hier ist, Konstruktor-Referenz und typeof-Referenz
    • Es erklärt, wie es funktioniert, sicher. Aber es nicht, eine Lösung?
    • Das war ein Tippfehler meinerseits, ich habe meine instanceof, nicht typeof. Der Grund, warum es gescheitert, in meinem Fall welche, die eine andere Klasse mit dem gleichen Namen gab es in dem Projekt, und irgendwie bekam man importiert diese Datei anstelle von der, die ich meinte. (Ich hab da umgestaltet werden, die zwei unterschiedliche, aber ähnliche Daten, Modellen in einer einzigen, eindeutig ein.)
    • die Antwort ist: Verwenden Sie den Konstruktor, oder ein nicht funktionieren.
    • die Frage war, oder eher die Aussage war "instanceof funktioniert nicht" und ich erklärte, "wie es tatsächlich funktioniert" und die Lösung im zweiten Teil "Probieren Sie etwas wie:"

    InformationsquelleAutor Gopikrishna S
  2. 1

    Können Sie auch verwenden, geben Sie Wachen zu Ihrem Vorteil:

    https://basarat.gitbooks.io/typescript/docs/types/typeGuard.html

    https://www.typescriptlang.org/docs/handbook/advanced-types.html

    Zum Beispiel, wenn Sie ein literal-Typ guard zu Ihrer Klasse:

    class Goal {
 type: 'goal'
...
}

    dann der check ist so einfach wie :

    if (item.type === 'goal') {
}

    Oder Sie schreiben Ihren eigenen Typ Garde:

    function isNote(arg: any): arg is Note {
    //because only your Note class has "content" property?
    return arg.content !== undefined;
}

if (isNote(item)) {
    result = { id: index, title: item.content.text };
}
    • Sie würden immer noch um die type wenn das Objekt geladen wird von der API. Aber es ist ein bisschen eine einfachere Lösung, dann die andere.
    InformationsquelleAutor AFD
  3. 0

    Versuchen, instanziieren Sie das Objekt mit einem Konstruktor. Mir ist es passiert das gleiche, weil ich Sie manuell lustig das Objekt für Testzwecke. Wenn Sie das Element erstellt haben, wie Folgendes Beispiel sollte es funktionieren:

    item: Goal = new Goal(*item values*)
    InformationsquelleAutor Lucia
Schreibe einen Kommentar