Was bedeutet "void =() => {}" nach der Funktion "Fettpfeil" in TypeScript?

Question

Ich habe diesen Codeblock in unserer Codebasis gesehen und (da ich neu in TypeScript bin) habe ich ein kleines Problem damit, es zu verstehen. Die Sache, die ich nicht verstehe, ist void = (page). Laut https://stackoverflow.com/a/34274584/513413 kommt der Rückgabetyp nach =>, was in meinem Fall void ist. Was sagt = (page) => {}? Was ist seine Equvalant-Funktion, wenn ich es nicht mit Fettpfeilfunktion schreibe?

Dies ist der Code:

private navigateTo: (page: string) => void = (page) => { 
    // display page 
} 

Answer 1

Sie sind falsch im Code suchen. Die allgemeine Struktur ist

private Name: Type = Value 

Der Typ ist (page: string) => void und der Wert ist (page) => {}. Der Typ bedeutet, dass navigateTo eine Funktion ist, die eine Zeichenfolge als Argument akzeptiert und nichts zurückgibt, was (page) => {} tut.

Answer 2

In Typoskript werden Typings innerhalb der Anweisungen der Sprache eingefügt, um sie etwas zu transformieren.

Der Code, den Sie sollten als solche gelesen vorgelegt:

• private navigateTo: Dieser Teil ist straighforward. Wir erstellen ein privates Mitglied namens navigateTo innerhalb der aktuellen Klasse.
• ...: (page: string) => void: Dies ist der Typ des Mitglieds. In diesem Fall stellt es eine Funktion dar, die einen string Parameter einnimmt und nichts zurückgibt (void). Dieser Teil ist reines Typoskript.
• ... = (page) => { /* display page */ }: Dies ist die eigentliche Funktion, die der Variablen zugewiesen wird.

Ich empfehle Ihnen einige der Typescript Handbook lesen. Es enthält viele Informationen über die Syntax und die Sprache.