I ECMAscrip{filtering}t 2015-standarden tilføjer Javascrip{filtering}t begrebet moduler. Typescrip{filter}t følger også dette koncept.
1. Import og eksport af moduler
Moduler udføres i deres eget omfang, ikke i det globale omfang; Det betyder, at variabler, funktioner, klasser osv., der er defineret i et modul, ikke er synlige uden for modulet, medmindre du eksplicit eksporterer dem via en af eksporterne. Omvendt, hvis du vil bruge variabler, funktioner, klasser, grænseflader osv. eksporteret fra andre moduler, skal du importere dem via en af importene.
Modulerne er selvdeklarerende. I Typescrip{filter}t etableres forholdet mellem de to moduler ved at bruge import og eksport på filniveau. Her er et grundlæggende eksempel:
animal.ts
app.ts
I eksemplet ovenfor erklæres en Animal-lignende i animal.ts og eksporteres via eksport. I app.ts angiver du den relative filsti og importerer den via import for at bruge Animal-klassen.
Fordi Javascrip{filter}t har to forskellige modulreferencemetoder, kan du, når du kompilerer til Javascrip{filter}t, specificere den kompilerede modulreferencemetode via konfigurationsfilen Typescrip{filtering}t tsconfig.json
Følgende er indholdet af Javascrip{filter}t-filen, kompileret på forskellige måder
Commonjs
AMD
2. Omdøbning af import og eksport
Navnet på det interne objekt, der bruges som standard ved import og eksport af moduler. Typescrip{filter}t understøtter også omdøbning før og efter eksport. Ændr eksemplet ovenfor
animal.ts
app.ts
Ved import og eksport omdøbes modulerne ved hjælp af as-nøgleordet.
En ting at bemærke her er, at når det eksporterede modul omdøbes, bør modulnavnet før importen være det samme som det eksporterede omdøbte modulnavn, ellers vil kompilatoren give en fejlmeddelelse. For eksempel, hvis det eksporterede modul omdøbes til ANI, skal modulnavnet før as-nøgleordet være ANI, når dette modul importeres i en anden fil app.ts.
Alternativt, hvis du ikke kender navnet på det importerede modul, kan du erstatte det med et *-tegn
I eksemplet ovenfor, hvis du omdøber alle moduler til at erstatte *-tegnet til animal_module, kan du få adgang til alt det indhold, der eksporteres fra modulet via animal_module objekt.
3. Eksporter og eksporter flere objekter
Normalt defineres flere typer objekter i modulet og eksporteres derefter sammen. Der kan også være flere moduler i importen
animal.ts
app.ts
Når du eksporterer, kan du samle det typeobjekt, du vil eksportere, til et JSON-objekt og derefter eksportere det. Når indholdet er importeret, kan det tilgås via omdøbte modulobjekter.
4. Standardeksport
Der kan kun være én standardeksport for et modul
animal.ts
app.ts
I eksemplet ovenfor eksporteres Animal-klassen ved hjælp af standardnøgleordet. I modsætning til normale import, når man importerer standardeksportmoduler, kan man direkte angive navnet på det importerede modul uden at indkapsle det i krøllede krølleparenteser med {}.
5. Dynamisk belastningsmodul
Fordi der i Javascrip{filter}t er to måder at indlæse moduler på: CommonJS og AMD. Når du bruger Typescrip{filter}t, skal du skrive forskellig kode afhængigt af konfigurationsindholdet i den endelige kompilering for at generere Javascrip{filter}t.
Modulfil animal.ts
CommonJS-vejreference:
app.ts
AMD-citat:
app.ts
|
Opslået på 22/10/2018 17.21.45
|
|
|
