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

Question

Nehmen wir an, es gibt eine Tippdatei für die 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 ich ein Objekt herumgehen müssen zu arbeiten, die als I2.y von genau der gleichen Art ist.

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

let myVar: MyInterface; 

aber dann bekomme ich die Last es zu halten mit der, von der Bibliothek auf dem neuesten Stand, zudem können sie sehr groß sein und in vielen Code-Duplizierung führen: Ich kann natürlich identische Schnittstelle in meinen Source-Dateien erstellen .

Gibt es also 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 "Kann den Namen I2 nicht finden" führt). Danke im Voraus.

---

bearbeiten: Nach ein wenig in TS Spielplatz spielen bemerkte ich, dass Sie folgenden Code erreicht genau das, was ich will:

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

jedoch eine redundante Variable erfordert x deklariert werden. Ich suche nach einem Weg, dies ohne diese Erklärung zu erreichen.

Answer 1

es war nicht po vor, 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 auch als Lookup-Typen.

Die Syntax sieht genau wie Elementzugriff aus, wird aber anstelle von Typen geschrieben. Also in Ihrem Fall:

interface I1 { 
    x: any; 
} 

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

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

Jetzt hat myVar Art von I2.y.

Überprüfen Sie es in TypeScript Playground.

Answer 2

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

Sie eine andere Schnittstelle y zu definieren, verwenden könnte und es dann wie diese als y-Typ verwenden

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

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

Sie Ihre Schnittstelle in einer Datei speichern, und Extrakt verwenden, so dass Sie es in anderen Dateien Ihrer importieren Projekte

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



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

Sie können es auf diese Weise importieren:

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