|
|
Zverejnené 22. 10. 2018 17:21:45
|
|
|
V štandarde ECMAscrip{filtering}t 2015 Javascrip{filtering}t pridáva koncept modulov. Typescrip{filter}t tiež nasleduje tento koncept.
1. Import a export modulov
Moduly sa vykonávajú vo vlastnom rozsahu, nie v globálnom rozsahu; To znamená, že premenné, funkcie, triedy a podobne definované v module nie sú viditeľné mimo modulu, pokiaľ ich explicitne neexportujete pomocou jedného z exportov. Na druhej strane, ak chcete používať premenné, funkcie, triedy, rozhrania a podobne exportované z iných modulov, musíte ich importovať pomocou jedného z importovaných modulov.
Moduly sa samy deklarujú. V Typescrip{filter}t sa vzťah medzi dvoma modulmi vytvára pomocou importu a exportu na úrovni súboru. Tu je základný príklad:
animal.ts
app.ts
V uvedenom príklade je Animal-like objekt deklarovaný v animal.ts a exportovaný exportom. V app.ts zadajte relatívnu cestu k súboru a importujte ju importom, aby ste použili triedu Animal.
Keďže Javascrip{filter}t má dve rôzne metódy referencie modulov, pri kompilácii do Javascrip{filter}t môžete špecifikovať metódu referencie na kompilovaný modul cez konfiguračný súbor Typescrip{filtering}t tsconfig.json
Nasleduje obsah súboru Javascrip{filter}t skompilovaný rôznymi spôsobmi
commonjs
AMD
2. Premenovanie importu a exportu
Názov interného objektu, ktorý sa predvolene používa pri importe a exporte modulov. Typescrip{filter}t tiež podporuje premenovanie pred a po exporte. Upravte vyššie uvedený príklad
animal.ts
app.ts
Pri importe a exporte sa moduly premenovávajú pomocou kľúčového slova as.
Jedna vec, ktorú treba poznamenať, je, že keď sa exportovaný modul premenuje, názov modulu pred importom by mal byť rovnaký ako názov exportovaného premenovaného modulu, inak kompilátor zobrazí chybové hlásenie. Napríklad, ak je exportovaný modul premenovaný na ANI, názov modulu pred kľúčovým slovom as musí byť ANI pri importe tohto modulu do iného súborového app.ts.
Prípadne, ak nepoznáte názov importovaného modulu, môžete ho nahradiť znakom *
V príklade vyššie, ak premenujete všetky moduly nahradené znakom * na animal_module, môžete pristupovať ku všetkému obsahu exportovanému z modulu cez animal_module objekt.
3. Exportovať a exportovať viacero objektov
Zvyčajne je v module definovaných viacero typov objektov, ktoré sa potom exportujú spolu. V importe môže byť tiež viacero modulov
animal.ts
app.ts
Pri exporte môžete typ objektu, ktorý chcete exportovať, znovu zostaviť do JSON objektu a potom ho exportovať. Po importe je možné obsah pristupovať cez premenované modulové objekty.
4. Predvolený export
Pre modul môže byť len jeden predvolený export
animal.ts
app.ts
V uvedenom príklade sa trieda Animal exportuje pomocou predvoleného kľúčového slova. Na rozdiel od bežných importov, pri importe predvolených exportných modulov môžete priamo špecifikovať názov importovaného modulu bez toho, aby ste ho uzatvárali do krútených zátvoriek pomocou {}.
5. Dynamický zaťažovací modul
Pretože v Javascrip{filter}t existujú dva spôsoby načítania modulov: CommonJS a AMD. Pri používaní Typescrip{filter}t je potrebné napísať odlišný kód v závislosti od konfiguračného obsahu finálnej kompilácie, aby ste vygenerovali Javascrip{filter}t.
Súbor modulu animal.ts
Referencia spôsobu CommonJS:
app.ts
Citát z AMD spôsobu:
app.ts
|
Predchádzajúci:Nástroj na získanie aktivačného kódu BonusCloud [so zdrojovým kódom]Budúci:Správa nováčika, ako sa k tomu MB dostala?
|
