TypeScript Dasar

Karena TypeScript akan mengkompilasi source file .ts menjadi file JavaScript. Dan file JavaScript tersebut yang akan diload didalam browser, bila terjadi error, kita tidak akan tahu error tersebut ada dimana pada TypeScript. Untuk dapat mengetahui posisi error, perlu ditambahkan konfigurasi pada tsconfig.json. Saat dicompile, tsc akan mengenerate file baru dengan extension .map, yang isinya berupa … Read more

Jika pada modul sebelumnya dibahas internal module menggunakan namespace, pada modul ini kita akan bahas external module. External module menggunakan file yang terpisah. Sama seperti namespace, external module bertujuan untuk organasasi code yang lebih baik. Untuk bisa digunakan oleh code lain, external module harus di export dan diimport. Untuk melakukan import, TypeScript mendukung penggunaan dua … Read more

Namespace berguna untuk melakukan grouping component dalam scope tersendiri, lebih sering disebut internal modular. Berikut format untuk menggunakan namespace: Anda bisa menggunakan format hieararki dengan menggunakan tanda dot (.) seperti diatas. Dalam satu file javascript atau typescript, diperbolehkan untuk memiliki dua atau lebih namespace yang sama atau berbeda. Untuk jelasnya lihat code dibawah: Pembuatan namespace … Read more

Kebiasaan membuat code dalam satu global namespace, menyebabkan code sulit dibaca dan dipelihara. Beberapa hal yang akan menjadi masalah dikemudian bila menggunakan satu global namespace adalah: Sulit menentukan batas-batas suatu component. Sulit menentukan component dependencies. Dapat terjadi implicit sharing antar component. Modular programming akan sangat penting untuk project skala besar. Karena modul mengatur agar: Sharing … Read more