𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝘃𝘀 𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁: 𝗣𝗮𝗻𝗱𝘂𝗮𝗻 𝗣𝗲𝗻𝗴𝗲𝗺𝗯𝗮𝗻𝗴

JavaScript menjalankan web. Ia menggerakkan antarmuka dan server Anda melalui Node.js. Namun seiring berkembangnya kode Anda, ia menjadi sulit untuk dikelola. Kesalahan sering terjadi saat aplikasi Anda sedang berjalan.

TypeScript mengatasi hal ini. Ini adalah versi JavaScript yang menambahkan tipe (types). Hal ini membantu Anda menangkap kesalahan sebelum menjalankan kode Anda.

Mengapa menggunakan TypeScript?

• Static Typing: Anda menentukan seperti apa bentuk data tersebut. Ini menghentikan banyak bug. • Alat yang Lebih Baik: Editor Anda memberikan autocompletion dan navigasi yang lebih baik. • Keterbacaan: Interface membuat kode Anda mudah dibaca dan dipahami. • Kompatibilitas: TypeScript berubah menjadi JavaScript yang bersih untuk lingkungan apa pun.

Lihat contoh kode ini:

function getStringLength(input: string): number {
    return input.length;
}

const myString: string = "Hello";
const length: number = getStringLength(myString);

Di JavaScript, Anda mungkin memasukkan angka ke dalam fungsi tersebut dan membuat aplikasi Anda crash. Di TypeScript, editor akan langsung memberi tahu Anda kesalahannya.

Perbedaan Utama:

• JavaScript menggunakan dynamic typing. Ini menyebabkan error saat runtime. • TypeScript menggunakan static typing. Ini menangkap error selama pengembangan. • JavaScript bergantung pada debugging saat dijalankan. • TypeScript menggunakan alat untuk menemukan error saat Anda mengetik.

Anda sebaiknya menggunakan interface untuk menyusun struktur data Anda. Berikut adalah contohnya:

interface User {
    id: number;
    name: string;
    email?: string;
}

const user1: User = {
    id: 1,
    name: "Jane Doe"
};

Struktur ini menjaga data Anda tetap terorganisir dan dapat diprediksi.

Jika Anda mengerjakan proyek besar, mulailah menggunakan TypeScript. Anda tidak perlu mengubah semuanya sekaligus. Ubah satu per satu file. Ini membuat kode Anda lebih mudah dikelola dan tidak mudah mengalami kesalahan.

Sumber: https://dev.to/gautammanak1/understanding-javascript-and-typescript-a-developers-guide-5gef