Ambient-Deklarationen (.d.ts) und Typisierungen von Drittanbietern
Schreiben Sie Ambient-Deklarationen in .d.ts-Dateien, um globale Variablen und Module zu beschreiben, und installieren und verwenden Sie Typisierungen von Drittanbietern sicher.
Ambient-Deklarationen (.d.ts) und Typisierungen von Drittanbietern ist eine kostenlose TypeScript Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 3. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des TypeScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der TypeScript Academy-Kurs umfasst insgesamt 3 Lektionen.
Einführung
Ziel: Beschreiben Sie externes JavaScript mit Ambient-Deklarationen in .d.ts-Dateien und verwenden Sie Typdefinitionen von Drittanbietern für Bibliotheken, denen Typen fehlen.
Globale Deklarationen
globals.d.ts: Deklarieren Sie globale Variablen und erweitern Sie Ambient-Schnittstellen (z. B. Window), ohne JavaScript auszugeben.
// file: globals.d.ts
// Declare global variables and interfaces
declare const VERSION: string;
declare interface Window {
appReady?: boolean;
}Grundlagen von Lambdas mit Empfänger
- Empfänger = die Builder-Instanz, die innerhalb des Lambda-Ausdrucks verwendet wird.
- Aufgeräumtere Aufrufe: item("Tea") statt builder.item.
- Halten Sie Namen kurz und Aktionen eindeutig.
Moduldeklarationen
declare module beschreibt ein Paket, das keine Typen mitliefert. Jetzt wird import { coolify } korrekt typgeprüft.
// file: cool-lib.d.ts
// Provide types for an untyped JS module
declare module "cool-lib" {
export function coolify(s: string): string;
export const version: string;
}Modul-Augmentierung
Eine Modul-Augmentierung erweitert installierte Typdefinitionen, z. B. indem Sie einem vorhandenen Interface eine benutzerdefinierte Eigenschaft hinzufügen.
// file: react-augment.d.ts
// Extend an existing module (augmentation)
declare module "react" {
interface HTMLAttributes<T> {
dataTestId?: string;
}
}Typdefinitionen von Drittanbietern
Bevorzugen Sie @types/-Pakete von DefinitelyTyped, wenn eine Bibliothek keine Typen mitliefert. Sie fügen Ihrem Build nur .d.ts-Dateien hinzu.
// install: npm i -D @types/lodash
// usage:
import _ from "lodash";
const r = _.chunk([1,2,3,4], 2);Tipps und Auflösung
Tipps:
- Platzieren Sie Ihre .d.ts-Dateien unter src/ oder binden Sie sie über tsconfig.json ein (
include/typeRoots/types). - Verwenden Sie eine Modul-Augmentierung zum Erweitern und vermeiden Sie Änderungen in node_modules.
- Vermeiden Sie ein zu breit gefasstes
any; geben Sie möglichst kleine, präzise Strukturen an.
Prüfung zu Ambient-Deklarationen
Schnellprüfung: Wofür wird eine Ambient-Deklaration verwendet?
Zusammenfassung
Zusammenfassung: Verwenden Sie .d.ts-Dateien für globale Deklarationen und Module, bevorzugen Sie @types für Typdefinitionen aus der Community und erweitern Sie sicher mit Modul-Augmentierung.
Wiederholung
Wiederholung: Verwenden Sie pro Block typisierte Receiver, fügen Sie @DslMarker hinzu, um den Gültigkeitsbereich abzusichern, und geben Sie ein unveränderliches Modell zurück, damit es sauber verwendet werden kann.
Häufig gestellte Fragen
Ist die Lektion „Ambient-Deklarationen (.d.ts) und Typisierungen von Drittanbietern“ kostenlos?
Ja — der vollständige Text von „Ambient-Deklarationen (.d.ts) und Typisierungen von Drittanbietern“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des TypeScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der TypeScript Academy-Kurs umfasst insgesamt 3 Lektionen.
Was lerne ich in „Ambient-Deklarationen (.d.ts) und Typisierungen von Drittanbietern“?
Schreiben Sie Ambient-Deklarationen in .d.ts-Dateien, um globale Variablen und Module zu beschreiben, und installieren und verwenden Sie Typisierungen von Drittanbietern sicher. Du übst TypeScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um TypeScript Academy zu starten?
Keine Vorkenntnisse erforderlich. TypeScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 3.
Wie lange dauert die Lektion „Ambient-Deklarationen (.d.ts) und Typisierungen von Drittanbietern“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser TypeScript Academy-Lektion Code schreiben und ausführen?
Ja. Jede TypeScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- ES-Module (benannt vs. Standard), Re-Exports
- Ambient-Deklarationen (.d.ts) und Typisierungen von Drittanbietern
- Pfad-Mapping und Modulauflösung