TypeScript-Grundstruktur

Die Grundstruktur eines TypeScript-Programms kann in mehrere Teile unterteilt werden, die jeweils einen bestimmten Zweck erfüllen.

Im Folgenden sind die üblichen Komponenten eines TypeScript-Programms aufgeführt:

  • Deklarationen: einschließlich Typdeklarationen, Schnittstellendeklarationen usw.
  • Variablendeklarationen: einschließlichlet, constundvardie Verwendung von.
  • Funktionsdeklarationen: einschließlich regulärer Funktionen und Pfeilfunktionen.
  • Klassendeklarationen: dienen zur Definition von Klassen und ihren Mitgliedern.
  • Schnittstellen & Typ-Aliase: beschreiben die Struktur von Typen.
  • Modularisierung: durchimportundexportCode organisieren.
  • Typzusicherungen: erzwungene Typumwandlung.
  • Generics: Code besser wiederverwendbar machen.
  • Kommentare: erhöhen die Lesbarkeit des Codes.
  • Typinferenz: leitet Typen automatisch ab.
  • Typwächter: schränken den Typbereich ein.
  • Asynchrone Programmierung: unterstütztasync/await。
  • Fehlerbehandlung: durchtry/catchum Fehler abzufangen.

Die oben genannten Teile bilden zusammen die Grundstruktur eines TypeScript-Programms und bieten Entwicklern eine leistungsstarke Typprüfung, Codestruktur und Wartbarkeit.

1. Deklarationen

Typdeklarationen:TypeScript ist eine statisch typisierte Sprache, die Typdeklarationen verwendet, um die Typen von Variablen, Funktionen, Klassen und mehr zu definieren. Typdeklarationen helfen dabei, den Code wartbarer und lesbarer zu machen.

Beispiel

let name: string = "Alice";
let age: number = 30;

Interface-Deklarationen:Werden verwendet, um die Struktur eines Objekts zu definieren, einschließlich seiner Eigenschaften und Methoden.

Beispiel

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

2. Variablendeklarationen

In TypeScript können Sie let, const und var verwenden, um Variablen zu deklarieren. Es wird empfohlen, let und const zu verwenden; var wird nicht mehr empfohlen.

Beispiel

let age: number = 25;
const pi: number = 3.14;

3. Funktionsdeklarationen

Funktionsdeklarationen: TypeScript ermöglicht die Deklaration von Funktionen mit Typannotationen, einschließlich Parametertypen und Rückgabetypen.

Beispiel

function greet(name: string): string {
    return "Hallo, " + name;
}

Pfeilfunktionen:TypeScript unterstützt auch ES6-Pfeilfunktionen, wobei eine prägnante Syntax zum Deklarieren von Funktionen verwendet wird.

Beispiel

const greet = (name: string): string => "Hello, " + name;

4. Klassendeklarationen

TypeScript bietet Unterstützung für objektorientierte Programmierung, sodass Sie Klassen und deren Methoden und Eigenschaften definieren können.

Beispiel

class Person {
    name: string;
    age: number;
   
    constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
    }
   
    greet() {
    return `Hello, my name is ${this.name}`;
    }
}

Schnittstellen & Typ-Aliase

Schnittstelle: Wird verwendet, um die Form eines Objekts zu beschreiben; Schnittstellen können geerbt und erweitert werden.

Beispiel

interface Animal {
    name: string;
    sound: string;
    makeSound(): void;
}

Typ-Alias:Ermöglicht das Definieren von Aliasen für Objekttypen, Union-Typen, Intersection-Typen und mehr.

Beispiel

type ID = string | number;

6. Module & Importe/Exporte

TypeScript unterstützt modulare Programmierung; Sie können import und export verwenden, um Code zu organisieren.

Export:

Beispiel

export class Person {
    constructor(public name: string) {}
}

Import:

Beispiel

import { Person } from './person';

7. Typzusicherungen

In manchen Fällen kann TypeScript den genauen Typ einer Variable nicht ableiten; Entwickler können Typzusicherungen verwenden, um den Typ explizit anzugeben.

Beispiel

let value: any = "hello";
let strLength: number = (value as string).length;

8. Generische Typen

Generische Typen ermöglichen es dir, beim Definieren von Funktionen, Interfaces oder Klassen auf konkrete Typen zu verzichten und stattdessen Platzhalter zu verwenden, mit denen Benutzer beim Verwenden spezifische Typen übergeben können. Generische Typen erhöhen die Wiederverwendbarkeit des Codes und die Typsicherheit.

Beispiel

function identity<T>(arg: T): T {
    return arg;
}

9. Kommentare

Kommentare werden in TypeScript-Programmen verwendet, um den Zweck und die Logik des Codes zu erklären und die Lesbarkeit zu erhöhen.

Einzeilige Kommentare:

Beispiel

// Dies ist ein einzeiliger Kommentar

Mehrzeilige Kommentare:

Beispiel

/* Dies ist ein
mehrzeiliger Kommentar */

10. Typinferenz

TypeScript leitet den Typ einer Variablen in bestimmten Situationen automatisch ab. Wenn Sie beispielsweise eine Variable deklarieren und ihr einen Wert zuweisen, leitet TypeScript den Typ der Variablen ab.

Beispiel

let num = 10;  // TypeScript leitet ab, dass num vom Typ number ist

11. Typwächter

TypeScript bietet Typwächter (wie typeof und instanceof), um den Typbereich von Variablen zur Laufzeit einzugrenzen.

Beispiel

function isString(value: any): value is string {
    return typeof value === 'string';
}

12. Asynchrone Programmierung

TypeScript unterstützt asynchrone Programmierung vollständig; Sie können die async/await-Syntax verwenden, um asynchrone Vorgänge zu behandeln.

Beispiel

async function fetchData(): Promise<string> {
    const response = await fetch("https://example.com");
    const data = await response.text();
    return data;
}

13. Fehlerbehandlung

TypeScript ermöglicht die Fehlerbehandlung mit try/catch-Blöcken, und Sie können auch Typen verwenden, um Fehlertypen zu beschreiben.

Beispiel

try {
    throw new Error("Something went wrong");
} catch (error) {
    if (error instanceof Error) {
        console.error(error.message);
    }
}
Andere Erweiterungen