Asrul H
AsrulDev

AsrulDev

Intro Typescript

Subscribe to my newsletter and never miss my upcoming articles

Typescript merupakan bahasa pemograman javascript dengan tambahan type yang dikeluarkan oleh Microsoft. Typescript sendiri dibangun berdasarkan javascript atau sering disebut dengan superset javascript, dimana saat membuat file typescript (ekstensi .ts) maka akan dilakukan compile sehingga menghasilkan file javscript (ekstensi .ts).

Kenapa harus Typescript

Berikut beberapa alasan menurut saya kenapa harus menggunakan typescript:

  1. Typescript akan membantu produktifitas dalam koding, karena dapat mendeteksi bug saat dini atau sebelum dicompile. Perhatikan contoh berikut ini.

    function penjumlahan(a, b) {
    return a + b
    }
    

    Ketika function diatan diterapkan untuk mendpatkan input dari html, bisa jadi kamu tidak akan mendapatkan yang sesuai dengan harapan.

    const bilA = document.getElementById("input-a")
    // anggap saja nilai bilA = 5
    const bilB = document.getElementById("input-b")
    // anggap nilai bilB = 10
    const hasilPenjumlahan = penjumlahan(bilA, bilB)
    console.log(hasilPenjumlahan)
    // 510
    

    Anggap nilai yang diinputkan pada form adalah 5 dan 10, kemudian hasilnya akan menjadi 510 bukan 15. Itu dikarenakan hasil input dari html adalah string. Pada javascript string di tambah (+) string akan menggabungkan string tersebut. Dengan typescript bisa diubah function tersebut dengan kode berikut.c

    function penjumlahan(a: number, b: number): number {
    return a + b;
    }
    

    Sehingga saat function dipanggil dengan input dari html tersebut akan mengeluarkan pesan error bahwa yang seharusnya adalah dengan type number, maka kita dapat memperbaikinya dengan konversi terlebih dahulu input tersebut ke number, sehingga hsilnya menjadi seperti berikut.

    const bilA = document.getElementById("input-a")
    // anggap saja nilai bilA = 5
    const bilB = document.getElementById("input-b")
    // anggap nilai bilB = 10
    const hasilPenjumlahan = penjumlahan(Number(bilA), Number(bilB))
    console.log(hasilPenjumlahan)
    // 15
    
  2. Typescript memberikan dapat menjalankan kode javascript modern, dengan Typescript anda bisa menjalankan kode-kode ESNext dengan sangat baik.

 
Share this
Proudly part of