TypeScript Academy · leksjon

.d.ts-grunnleggende; export type kontra export

Lær det grunnleggende om deklarasjonsfiler: ambient- kontra moduldeklarasjoner, export type kontra export, og hvordan du sikrer riktig utvikleropplevelse for brukerne.

Leksjon 1 av 28 trinn

.d.ts-grunnleggende; export type kontra export er en gratis leksjon i TypeScript Academy på CoddyKit. Dette er leksjon 1 av 2. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i TypeScript Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i TypeScript Academy inneholder totalt 2 leksjoner.

Introduksjon

Mål: Skriv nyttige .d.ts-filer. De skal lære om ambient- og moduldeklarasjoner, hvordan eksporter deklareres, og når export type skal brukes i stedet for export.

Ambient- og modul-kontekst
Eksport av bare typer kontra verdier
God praksis

Ambient-deklarasjoner

Bruk declare global for å utvide det globale omfanget. Legg til export {} for å markere filen som en modul og unngå konflikter.

// globals.d.ts
// Ambient declaration: no import/export, augments global scope
declare global {
  interface Window {
    APP_VERSION: string
  }
}

export {} // ensures this file is a module

Modulde deklarasjoner

declare module beskriver strukturen til en ekstern pakke. Bruk eksporter inni den for å gjenspeile det JS-et tilbyr.

// types/index.d.ts
// Declare a module with exports
declare module "mylib" {
  export function greet(name: string): string
  export const version: string
}

Export type kontra export

export type (eller interface) brukes for konstruksjoner som bare gjelder typer. Bruk export for funksjoner, konstanter og klasser – ting som finnes ved kjøring.

// shapes.d.ts
export type Point = { x: number; y: number }

export interface User {
  id: string
  name: string
}

export function distance(a: Point, b: Point): number
export const VERSION: string

Utvide moduler

De kan utvide eksisterende moduler ved å åpne dem på nytt i en annen deklarasjonsfil. Dette er nyttig for å lappe tredjepakker.

// augment.d.ts
import "mylib"
declare module "mylib" {
  export function extra(): void
}

Beste praksis

Beste praksis:

Hold .d.ts-filer minimale, og unngå unødvendige globale deklarasjoner.
Skill tydelig mellom eksporter som bare gjelder typer, og verdieksporter.
Test deklarasjonsfiler med tsc --noEmit og eksempelbruk.

Kontroll av export type

Kort kontroll: Når bør De bruke export type?

Besvar den i den interaktive leksjonen

Oppsummering

Oppsummering: .d.ts-filer deklarerer typer uten implementasjon. Bruk declare global eller declare module, skill mellom export type og export, og følg beste praksis.

Gratis å komme i gang

Lær deg TypeScript med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs: 101
Leksjoner: 352

Start læringen gratis Se hele kurset

Ofte stilte spørsmål

Er leksjonen «.d.ts-grunnleggende; export type kontra export» gratis?

Ja – hele teksten i «.d.ts-grunnleggende; export type kontra export» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av TypeScript Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i TypeScript Academy inneholder totalt 2 leksjoner.

Hva lærer jeg i «.d.ts-grunnleggende; export type kontra export»?

Lær det grunnleggende om deklarasjonsfiler: ambient- kontra moduldeklarasjoner, export type kontra export, og hvordan du sikrer riktig utvikleropplevelse for brukerne. Du øver på TypeScript Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med TypeScript Academy?

Ingen tidligere erfaring er nødvendig. TypeScript Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 1 av 2.

Hvor lang tid tar leksjonen «.d.ts-grunnleggende; export type kontra export»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne TypeScript Academy-leksjonen?

Ja. Alle TypeScript Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

.d.ts-grunnleggende; export type kontra export
Publisering av pakker med typer

← Tilbake til TypeScript Academy