Cara install TypeScript
Download dan install nodeJS di [Link]
Buka command prompt ( cmd ), ketik npm install -g typescript
Pastikan komputermu sudah terhubung internet, sebab perintah diatas
akan mendownload typescript yang beraada di [Link]
Setelah install, ketik di cmd tsc -v, maka akan keluar info versi berapa
TypeScript yang telah diinstall
Cara compile file TypeScript
> tsc [Link] , hasil dari compile file typescript akan menghasilkan
file JavaScript / .js .
Cara compile file JavaScript
Untuk mengedit file TypeScript, penulis menggunakan visual code,
donwload di [Link]
Apa itu Typescript ?
Dibuat oleh Anders Hejlsberg dengan bahasa C# sebagai projek
open-source.
Bahasa program dan juga tool yang mana untuk menghasilkan kode
JavaScript, penulisan yang lebih ke objek orientasi. Typescript sering
disebut superset nya JavaScript sebab dengan penulisan yang sama akan
menghasilkan fitur-fitur dari JavaScript sesuai dengan versi yang kita
butuh, bahkan TypeScript juga telah menambah fitur JavaScript yang
akan datang.
1. Mendeklarasikan Variabel
Pada JavaScript variabel di definisikan sebagai anonymous tipe
maksudnya variabel bisa diisa tipe apa saja dan bersifat dinamis, untuk
projek skala besar bila terjadi error akan sungguh sulit untuk ditangani.
contoh variabel yang awal sebagai tipe number kemudian tidak sengaja
diisi tipe string, variabel ini bila dipakai untuk operasi matematika akan
error. Nah, di TypeScript ada namanya ‘Syntatic Sugar’ , saat
mendeklarasikan variabel nama setelahnya diberi ‘:’ kemudian tipe
datanya.
Contoh di JavaScript :
var nama = “Ace”;
nama = 1;
Contoh di TypeScript :
var nama : string = “Ace”;
nama = 1;
Pada typescript akan muncul error sebab nama mempunyai tipe string
bukanlah number
Contoh lain :
2. Functions
Di TypeScript, functions mempunyai tipe yang bisa didefinisikan
dibanding JavaScript function yang bersifat dinamis.
Contoh di JavaScript :
Hasil :
3
12
Pada baris ke-6 contoh bila diinput string akan muncul hasil yang salah,
lagi lagi kita temukan kekurangan dari JavaScript
Contoh di TypeScript :
Perhatikan dibaris ke-1 setelah nama function (a :number, b :
number) :number , maksudnya parameter a dan b diberi tipe data
number kemudian setelahnya mendefinisikina tipe function sebagai
number juga.
Pada baris ke-6 string “1” tidak dapat dimasukan sebab bukanlah
number
2.1 Optional dan Default Parameter Function
Saat kita memanggil suatu function dengan input parameter kurang dari
yang disediakan function, maka parameter yang tidak diisi menghasilkan
value undefined,
contoh di JavaScript :
Contoh di TypeScript :
Perhatikan pada parameter b diberi ‘?’ setelahnya maksudnya boleh
tidak diinput parameter b.
Perhatikan pada parameter c mempunyai nilai default string “c”
maksudnya bila tidak diinput akan meberikan value string “c”
2.2 Argument Variabel
JavaScript function mempunyai variabel khusus yang mengambil seluruh
parameter yang diinput, ini dinamakan arguments.
Contoh di JavaScript :
Contoh di TypeScript :
2.3 Function Callback
Suatu function JavaScript bisa diartikan sama seperti variabel biasa
sebab tipenya tidak didefinisikan. Nah, di function JavaScript boleh
mempunyai parameter tipe function, ini biasa disebut konsep function
callback
Contoh di TypeScript :
Perhatikan pada baris ke-6 terlihat sama definisinya dengan function
callback dan tipe void disitu artinya suatu function boleh tidak memakai
return / boleh tidak mengembalikan value.
2.4 Union type
Parameter function mungkin bisa mempunyai tipe yang tidak eksplisit,
seperti ini bisa ditangani dengan penggunaan pi pe simbol ‘|’ .
3. Interface
Interface berguna untuk tempat mendefinisikan properti dan method
yang mana akan dipakai suatu object. Misalnya, beberapa objek/ class
mempunyai method dan properti yang sama kemudian
mengimplementasikan 1 interface, bila ingin menambah/ mengubah
properti dan method hanya dengan menggantinya di interfacenya saja.
Setelah itu akan muncul error yang mana harus diubah/ ditambah.
Contoh di TypeScript :
4. Class
Class adalah definisi dari objek berguna untuk menangani data dan
melakukan operasi, pada class lah object-oriented programming
diterapkan beserta konsep design pattern.
Contoh class dengan mengimplemtasikan interface :
Class diatas merupakan objek Pirates yang mempunyai properti id,
nama, dan method call(). Perhatikan baris 20 dan 21 merupakan cara
memanggil suatu class.
Agung Jati Handaru S
