Typen in der Objektzerstörung

120

Dies

const { foo: IFoo[] } = bar;

und das

const { foo: Array<IFoo> } = bar;

wird vernünftigerweise einen Fehler verursachen.

Und das

const { foo: TFoo } = bar;

wird nur TFooEigentum zerstören .

Wie können Typen für destrukturierte Objekteigenschaften angegeben werden?

typescript destructuring

— Estus Flask
quelle

Gute Frage, aber wird es nicht möglich sein, den Typ aus der Definition von bartrotzdem abzuleiten?

2

Dies wird hier recht gut behandelt .

Der Kommentar @ user663031 sollte entfernt werden, da er irreführend ist.

— Sasuke Uchiha

@SasukeUchiha Der Artikel ist nicht verfügbar, aber die meisten Artikel können nach Artikeltitel gegoogelt werden. Es wurde nach mariusschulz.com/blog/… verschoben . Es wirft tatsächlich etwas Licht.

— Estus Flask

Das ist hilfreich. Danke dir.

— Sasuke Uchiha

187

Es stellt sich heraus, dass es möglich ist, den Typ nach :für das gesamte Destrukturierungsmuster anzugeben :

const {foo}: {foo: IFoo[]} = bar;

Was in Wirklichkeit nicht besser ist als einfach alt

const foo: IFoo[] = bar.foo;

— artem
quelle

2

Ist {foo}aber kein Wert. Dies wird üblicherweise als "Dekonstruktionszuweisungsmuster" bezeichnet. Was Sie hier sehen, ist eine spezielle TypeScript-Funktion, mit der Typen solchen Mustern zugeordnet werden können.

In der Tat ist es eher ein Sonderfall, insbesondere im Vergleich zu let x, y, z: stringdem, für den anscheinend znur der Typ angegeben ist . Ich habe die Antwort aktualisiert.

— Artem

54

Ich bin eindeutig etwas spät zur Party, aber:

interface User {
  name: string;
  age: number;
}

const obj: any = { name: 'Johnny', age: 25 };
const { name, age }: User = obj;

Die Arten von Eigenschaften nameund agerichtig geschlossen werden sollen stringund numberjeweils.

— Stephen Paul
quelle

9

Es ist ein seltener Fall, wenn Sie für jede Zerstörung eine Schnittstelle verwenden möchten.

— RA.

2

Ein Follow-up zu meiner eigenen Frage.

Für Objekteigenschaften müssen keine Typen angegeben werden, da sie aus einem zerstörten Objekt abgeleitet werden.

Wenn man bedenkt, dass barrichtig geschrieben wurde, wird der fooTyp abgeleitet:

const bar = { foo: [fooValue], ... }; // bar type is { foo: IFoo[], ... }
...
const { foo } = bar; // foo type is IFoo[]

Auch wenn bares nicht richtig eingegeben wurde ( anyoder unknown), kann sein Typ bestätigt werden:

const { foo } = bar as { foo: IFoo[] }; // foo type is IFoo[]

— Estus Flask
quelle