Wprowadzenie do modułów i przestrzeni nazw

Moduły i przestrzenie nazw w TypeScript pomagają organizować i porządkować kod, zwłaszcza w dużych projektach.

Chociaż oba rozwiązania służą podobnym celom, używa się ich w różny sposób. W tej lekcji omówiono różnice między nimi oraz ich zastosowania.

Czym są moduły?

Moduły to pliki lub fragmenty kodu, które eksportują funkcjonalność, taką jak zmienne, funkcje lub klasy, aby można było ponownie użyć jej w innych częściach aplikacji.

TypeScript wykorzystuje moduły ES do importowania i eksportowania, które są obecnie standardem w języku JavaScript.

Eksportowanie i importowanie w modułach

Kod z modułu można eksportować za pomocą export, a następnie importować za pomocą import:

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

Importowanie w innym pliku:

// 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));

Eksporty domyślne

TypeScript umożliwia również korzystanie z eksportów domyślnych, które pozwalają eksportować pojedynczą wartość z modułu:

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

Importowanie bez nawiasów klamrowych:

// 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));

Czym są przestrzenie nazw?

Przestrzenie nazw w TypeScript umożliwiają grupowanie powiązanego kodu pod jedną nazwą, co pomaga go organizować i unikać konfliktów nazw.

Przestrzenie nazw definiuje się za pomocą słowa kluczowego namespace.

Tworzenie i używanie przestrzeni nazw

Oto przykład przestrzeni nazw:

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

Można używać jej w następujący sposób:

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));

Moduły a przestrzenie nazw

Oto najważniejsze różnice między modułami a przestrzeniami nazw:

• Moduły są oparte na plikach i obsługują składnię modułów ES.
• Przestrzenie nazw doskonale nadają się do organizowania kodu w jednym pliku, ale w nowoczesnych aplikacjach uważa się je za przestarzałe.

Dobre praktyki

Podczas pracy z TypeScript należy:

• Używać modułów w nowych projektach, ponieważ są zgodne z nowoczesnymi standardami języka JavaScript.
• Rozważać użycie przestrzeni nazw tylko w starszych lub niewielkich projektach.
• Zawsze dbać o uporządkowanie i spójność kodu.

Gratulacje!

Poznali Państwo sposób używania modułów i przestrzeni nazw do tworzenia struktury i organizowania projektów TypeScript. Warto nadal ćwiczyć, aby opanować te ważne koncepcje!