TypeScript-moduler og navnerom

Moduler og navnerom i TypeScript bidrar til å organisere og strukturere koden, spesielt i store prosjekter.

Selv om begge oppnår lignende mål, brukes de på forskjellige måter, og denne leksjonen veileder deg gjennom forskjellene mellom dem og bruken av dem.

Moduler er filer eller kodebiter som eksporterer funksjonalitet, for eksempel variabler, funksjoner eller klasser, slik at den kan gjenbrukes andre steder i et program.

TypeScript bruker ES-moduler for import- og eksportfunksjonalitet, som nå er en standard i JavaScript.

Du kan eksportere kode fra en modul ved hjelp av export og importere den ved hjelp av import:

// math.ts
export function add(a: number, b: number): number {
  return a + b;
}

Importer den i en annen fil:

// app.ts
import { add } from './math';
console.log(add(2, 3));

// math.ts
export function add(a: number, b: number): number {
  return a + b;
}

// app.ts
import { add } from './math';
console.log(add(2, 3));

TypeScript tillater også standardeksport, som lar deg eksportere én enkelt verdi fra en modul:

// math.ts
export default function add(a: number, b: number): number {
  return a + b;
}

Importer den uten krøllparenteser:

// app.ts
import add from './math';
console.log(add(2, 3));

// math.ts
export default function add(a: number, b: number): number {
  return a + b;
}

// app.ts
import add from './math';
console.log(add(2, 3));

Navnerom i TypeScript er en måte å gruppere relatert kode under ett navn på, slik at koden organiseres og navnekonflikter unngås.

Navnerom defineres ved hjelp av nøkkelordet namespace.

Her er et eksempel på et navnerom:

namespace MathUtils {
  export function add(a: number, b: number): number {
    return a + b;
  }
}

Du kan bruke det slik:

console.log(MathUtils.add(2, 3));

namespace MathUtils {
  export function add(a: number, b: number): number {
    return a + b;
  }
}

console.log(MathUtils.add(2, 3));

Her er de viktigste forskjellene mellom moduler og navnerom:

• Moduler er filbaserte og støtter ES-modulsyntaks.
• Navnerom egner seg godt til å organisere kode i én enkelt fil, men regnes som utdaterte for moderne applikasjoner.

Når du arbeider med TypeScript:

• Bruk moduler i nye prosjekter, siden de følger moderne JavaScript-standarder.
• Vurder navnerom bare for eldre eller små prosjekter.
• Hold alltid koden organisert og konsekvent.

Du har lært hvordan du bruker moduler og navnerom til å strukturere og organisere TypeScript-prosjektene dine. Fortsett å øve for å bli fortrolig med disse viktige konseptene!