Gibt es eine Möglichkeit, den Typ der TypeScript-Schnittstelleneigenschaft zu „extrahieren“?

Nehmen wir an, es gibt eine Typisierungsdatei für Bibliothek X, die einige Schnittstellen enthält.

interface I1 {
    x: any;
}

interface I2 {
    y: {
        a: I1,
        b: I1,
        c: I1
    }
    z: any
}

Um mit dieser Bibliothek arbeiten zu können, muss ich ein Objekt übergeben, das genau vom gleichen Typ ist wie I2.y. Ich kann natürlich eine identische Schnittstelle in meinen Quelldateien erstellen:

interface MyInterface {
    a: I1,
    b: I1,
    c: I1
}

let myVar: MyInterface;

aber dann habe ich die Last, es mit dem aus der Bibliothek auf dem neuesten Stand zu halten, außerdem kann es sehr groß sein und zu viel Codeduplizierung führen.

Gibt es daher eine Möglichkeit, den Typ dieser spezifischen Eigenschaft der Schnittstelle zu "extrahieren"? Ähnliches wie let myVar: typeof I2.y(was nicht funktioniert und zu dem Fehler "Name I2 kann nicht gefunden werden" führt). Danke im Voraus.

Bearbeiten : Nachdem ich ein bisschen in TS Playground gespielt habe, habe ich festgestellt, dass der folgende Code genau das erreicht, was ich will:

declare var x: I2;
let y: typeof x.y;

Es muss jedoch eine redundante Variable xdeklariert werden. Ich suche nach einem Weg, dies ohne diese Erklärung zu erreichen.

Früher war es nicht möglich, aber zum Glück ist es jetzt seit TypeScript Version 2.1 . Es wurde am 7. Dezember 2016 veröffentlicht und führt indizierte Zugriffstypen ein, die auch als Nachschlagetypen bezeichnet werden .

Die Syntax sieht genauso aus wie der Elementzugriff, wird jedoch anstelle von Typen geschrieben. Also in deinem Fall:

interface I1 {
    x: any;
}

interface I2 {
    y: {
        a: I1,
        b: I1,
        c: I1
    }
    z: any
}

let myVar: I2['y'];  // indexed access type

Hat jetzt myVarArt von I2.y.

Probieren Sie es in TypeScript Playground aus .

Eine Schnittstelle ist wie die Definition eines Objekts. Dann ist y eine Eigenschaft Ihres I2-Objekts, die von einem bestimmten Typ ist, in diesem Fall "anonym".

Sie können y auch über eine andere Schnittstelle definieren und dann wie folgt als y-Typ verwenden

interface ytype {
   a: I1;
   b: I1;
   c: I1;
}

interface I2 {
    y: ytype;
    z: any;
}

Sie können Ihre Benutzeroberfläche in eine Datei einfügen und Extrakt verwenden, um sie in andere Dateien Ihrer Projekte zu importieren

export interface ytype {
   a: I1;
   b: I1;
   c: I1;
}



 export interface I2 {
        y: ytype;
        z: any;
    }

Sie können es folgendermaßen importieren:

   import {I1, I2, ytype} from 'your_file'