|
|
Közzétéve 2018. 10. 22. 17:21:45
|
|
|
Az ECMAscrip{filtering}t 2015 szabványban a Javascrip{filtering}t hozzáadja a modulok fogalmát. A typecrip{filter}t is ezt a koncepciót követi.
1. Modulok importja és exportja
A modulokat saját hatókörükben hajtják végre, nem a globális keretben; Ez azt jelenti, hogy a modulban definiált változók, függvények, osztályok stb. nem láthatóak a modulon kívül, hacsak nem exportálod őket kifejezetten az exportok egyikével. Másrészt, ha más modulokból exportált változókat, függvényeket, osztályokat, interfészeket stb. akarsz használni, akkor az importokat kell importálnod, az importok egyikével.
A modulok önmagát jelentenek. A Typescrip{filter}t esetében a két modul közötti kapcsolatot úgy állapítják meg, hogy fájlszinten importál és exportál. Íme egy alapvető példa:
animal.ts
app.ts
A fenti példában egy állatszerű lény a animal.ts-ben van kihirdetve, és exportálva exportálják. A app.ts-ban megadjuk a relatív fájlútot, és importáljuk az importálás útján, hogy az Animal osztályt használd.
Mivel a Javascrip{filter}t két különböző modulhivatkozási módszerrel rendelkezik, amikor Javascrip{filter}t fordítással a Typescrip{filtering}t konfigurációs fájlban megadhatod a fordított modulreferencia metódust tsconfig.json
Az alábbiakban a Javascrip{filter}t fájl különböző módokon fordított tartalma látható
commonjs
AMD
2. Az import- és exportnév átnevezése
A belső objektum neve, amelyet alapértelmezés szerint használnak modulok importálásakor és exportálásakor. A typescrip{filter}t támogatja az átnevezést az export előtt és után. Módosítsd a fenti példát
animal.ts
app.ts
Importáláskor és exportáláskor a modulokat az as kulcsszó használatával nevezik át.
Egy fontos dolog, hogy amikor az exportált modult átnevezik, az importálás előtti modul névnek ugyanaznak kell lennie, mint az exportált átnevezett modul neve, különben a fordító hibaüzenetet fog adni. Például, ha az exportált modult ANI-re nevezik át, az as kulcsszó előtti modulnévnek ANI-nek kell lennie, amikor ezt a modult egy másik fájlba app.ts importáljuk.
Alternatívaként, ha nem ismered az importált modul nevét, helyettesítheted egy * jelre
A fenti példában, ha minden modult átnevezel animal_module-re, akkor hozzáférhetsz animal_module objektumon keresztül az összes modulból exportált tartalmahoz.
3. Több objektum exportálása és exportálása
Általában a modulban többféle objektumtípus definiálódik, majd együtt exportálják. Az importban több modul is lehet.
animal.ts
app.ts
Exportálás közben össze lehet rakni a kívánt típusobjektumot egy JSON objektumba, majd exportálhatod. Importálás után a tartalom átnevezett modulobjektumokon keresztül érhető el.
4. Alapértelmezett export
Egy modulnak csak egy alapértelmezett exportja lehet
animal.ts
app.ts
A fenti példában az Animal osztály az alapértelmezett kulcsszóval exportálódik. A normál importokkal ellentétben, az alapértelmezett export modulok importálásakor közvetlenül meg lehet adni az importált modul nevét anélkül, hogy göndör fogókeretekbe zárnád a {} betűvel.
5. Dinamikus betöltő modul
Mert a Javascrip{filter}t programban kétféleképpen lehet betölteni a modulokat: a CommonJS és az AMD. A Typescrip{filter}t használatakor különböző kódot kell írnod a végső fordítás konfigurációs tartalmától függően, hogy létrehozd a Javascrip{filter}t-t.
Modulfájl animal.ts
CommonJS út hivatkozás:
app.ts
AMD idézet:
app.ts
|
Előző:BonusCloud Aktiváló Kód Megszerző Eszköz [forráskóddal]Következő:Újonc jelentése, hogyan szerezte meg MB?
|
