DEV Community

Cover image for Pengenalan TypeScript
Muhammad Hanif
Muhammad Hanif

Posted on

Pengenalan TypeScript

Apa Itu TypeScript?

TypeScript adalah superset dari JavaScript yang menambahkan tipe data statis ke dalam bahasa pemrograman tersebut. Dikembangkan oleh Microsoft, TypeScript membantu mengatasi beberapa kekurangan dalam pengembangan aplikasi JavaScript dengan menyediakan sistem tipe yang kuat. TypeScript kemudian dikonversi menjadi JavaScript agar dapat dijalankan di browser atau lingkungan runtime JavaScript lainnya.

Keuntungan Menggunakan TypeScript

  1. Tipe Data Statis: TypeScript memungkinkan deklarasi tipe data statis, membantu mencegah banyak kesalahan umum selama pengembangan.
  2. Peningkatan Kode Editor: Editor kode seperti Visual Studio Code dapat memberikan fitur-fitur seperti autocompletion, navigasi cepat, dan pemeriksaan kesalahan yang lebih baik berkat informasi tipe yang disediakan oleh TypeScript.
  3. Pemeliharaan Kode yang Lebih Mudah: Dengan tipe data statis, lebih mudah memahami dan memelihara kode karena kejelasan deklarasi tipe.
  4. Fitur-fitur Lanjutan: TypeScript memperkenalkan fitur-fitur baru seperti interface, enum, dan tipe generik yang membantu meningkatkan struktur dan kualitas kode.

Instalasi TypeScript

Langkah pertama untuk mulai menggunakan TypeScript adalah menginstalnya. Jika belum menginstal Node.js, Anda dapat mengunduhnya dari situs resmi Node.js.

Setelah menginstal Node.js, buka terminal dan jalankan perintah berikut untuk menginstal TypeScript secara global:

bashCopy code
npm install -g typescript

Enter fullscreen mode Exit fullscreen mode

Perintah ini akan menginstal TypeScript secara global di sistem Anda.

Menulis Kode TypeScript Pertama Anda

Buat file dengan ekstensi .ts. Contoh, buat file app.ts dan tambahkan kode sederhana:

typescriptCopy code
// app.ts
function greet(name: string): string {
  return `Hello, ${name}!`;
}

const result = greet("TypeScript");
console.log(result);

Enter fullscreen mode Exit fullscreen mode

Kemudian, untuk mengonversi kode TypeScript menjadi JavaScript, jalankan perintah:

bashCopy code
tsc app.ts

Enter fullscreen mode Exit fullscreen mode

Ini akan menghasilkan file JavaScript dengan nama app.js.

Menjalankan Kode JavaScript

Anda dapat menjalankan file JavaScript hasil konversi di lingkungan runtime JavaScript. Misalnya, untuk menjalankannya di Node.js, jalankan perintah:

bashCopy code
node app.js

Enter fullscreen mode Exit fullscreen mode

Anda sekarang telah berhasil membuat dan menjalankan program TypeScript sederhana! Pada bagian selanjutnya, kita akan menjelajahi lebih dalam tentang tipe data dan fitur-fitur lanjutan yang ditawarkan oleh TypeScript.

Top comments (0)