Dalam standar ECMAscrip{filtering}t 2015, Javascrip{filtering}t menambahkan konsep modul. Typescrip{filter}t juga mengikuti konsep ini.
1. Impor dan ekspor modul
Modul dijalankan dalam cakupannya sendiri, bukan dalam cakupan global; Ini berarti bahwa variabel, fungsi, kelas, dll. yang ditentukan dalam modul tidak terlihat di luar modul kecuali Anda secara eksplisit mengekspornya menggunakan salah satu ekspor. Di sisi lain, jika Anda ingin menggunakan variabel, fungsi, kelas, antarmuka, dll. yang diekspor dari modul lain, Anda harus mengimpornya, menggunakan salah satu impor.
Modul mendeklarasikan sendiri. Di Typescrip{filter}t, hubungan antara kedua modul dibuat dengan menggunakan impor dan ekspor di tingkat file. Berikut adalah contoh dasarnya:
animal.ts
app.ts
Dalam contoh di atas, Animal-like dideklarasikan dalam animal.ts dan diekspor melalui ekspor. Di app.ts, tentukan jalur file relatif dan impor melalui impor untuk menggunakan kelas Animal.
Karena Javascrip{filter}t memiliki dua metode referensi modul yang berbeda, saat mengkompilasi ke Javascrip{filter}t, Anda dapat menentukan metode referensi modul yang dikompilasi melalui file konfigurasi Typescrip{filtering}t tsconfig.json
Berikut ini adalah isi file Javascrip{filter}t yang dikompilasi dengan cara yang berbeda
Commonjs
amd
2. Penggantian nama impor dan ekspor
Nama objek internal yang digunakan secara default saat mengimpor dan mengekspor modul. Typescrip{filter}t juga mendukung penggantian nama sebelum dan sesudah ekspor. Ubah contoh di atas
animal.ts
app.ts
Saat mengimpor dan mengekspor, modul diganti namanya menggunakan kata kunci sebagai.
Satu hal yang perlu diperhatikan di sini adalah bahwa ketika modul yang diekspor diganti namanya, nama modul sebelum impor harus sama dengan nama modul yang diganti namanya yang diekspor, jika tidak, kompiler akan meminta pesan kesalahan. Misalnya, jika modul yang diekspor diganti namanya menjadi ANI, nama modul sebelum kata kunci as harus ANI saat mengimpor modul ini di file lain app.ts.
Atau, jika Anda tidak tahu nama modul yang diimpor, Anda dapat menggantinya dengan tanda *
Dalam contoh di atas, jika Anda mengganti nama semua modul diganti dengan tanda * menjadi animal_module, Anda dapat mengakses semua konten yang diekspor dari modul melalui objek animal_module.
3. Ekspor dan ekspor banyak objek
Biasanya, beberapa jenis objek ditentukan dalam modul dan kemudian diekspor bersama. Mungkin juga ada beberapa modul dalam impor
animal.ts
app.ts
Saat mengekspor, Anda dapat merakit kembali objek jenis yang ingin Anda ekspor ke objek JSON, lalu mengekspornya. Setelah diimpor, konten dapat diakses melalui objek modul yang diganti namanya.
4. Ekspor default
Hanya ada satu ekspor default untuk modul
animal.ts
app.ts
Dalam contoh di atas, kelas Animal diekspor menggunakan kata kunci default. Tidak seperti impor normal, saat mengimpor modul ekspor default, Anda dapat langsung menentukan nama modul yang diimpor tanpa melampirkannya dalam kurung kurawal dengan {}.
5. Modul pemuatan dinamis
Karena di Javascrip{filter}t, ada dua cara untuk memuat modul: CommonJS dan AMD. Saat menggunakan Typescrip{filter}t, Anda perlu menulis kode yang berbeda tergantung pada konten konfigurasi kompilasi akhir untuk menghasilkan Javascrip{filter}t.
File modul animal.ts
Referensi cara CommonJS:
app.ts
Kutipan cara AMD:
app.ts
|
Diposting pada 22/10/2018 17.21.45
|
|
|
