Cara Menggunakan Tipe dalam TypeScript Dijelaskan untuk Pemula

TypeScript memperkenalkan pengetikan statis ke JavaScript, yang membantu menangkap kesalahan selama pengembangan dan meningkatkan kualitas kode. Artikel ini akan memandu Anda melalui dasar-dasar penggunaan tipe dalam TypeScript, sehingga memudahkan pemula untuk memahami cara memanfaatkan sistem tipe TypeScript.

Apa itu Tipe dalam TypeScript?

Tipe dalam TypeScript membantu menentukan bentuk dan struktur data. Dengan menentukan tipe, Anda memastikan bahwa variabel, parameter fungsi, dan nilai balik mematuhi format yang diharapkan. Hal ini dapat mencegah banyak kesalahan pemrograman umum.

Tipe Dasar

TypeScript menyediakan beberapa tipe dasar yang dapat Anda gunakan untuk mendefinisikan variabel dan fungsi:

• Angka: Mewakili nilai numerik.
• String: Mewakili data tekstual.
• Boolean: Mewakili nilai benar atau salah.
• Array: Mewakili kumpulan nilai dengan tipe tertentu.
• Objek: Mewakili kumpulan pasangan kunci-nilai.

Contoh Angka

let age: number = 30;

Contoh String

let name: string = "John Doe";

Contoh Boolean

let isStudent: boolean = true;

Contoh Array

let scores: number[] = [85, 90, 78];

Contoh Objek

let person: { name: string, age: number } = {
  name: "Jane Doe",
  age: 28
};

Tipe Inferensi

TypeScript dapat secara otomatis menyimpulkan tipe berdasarkan nilai yang ditetapkan. Ini berarti Anda tidak perlu selalu menentukan tipe secara eksplisit, meskipun hal itu dapat meningkatkan kejelasan kode.

Contoh Inferensi Tipe

let count = 10; // TypeScript infers count as number
count = "text"; // Error: Type 'string' is not assignable to type 'number'

Tipe Kustom dengan Antarmuka

Antarmuka dalam TypeScript memungkinkan Anda menentukan tipe khusus dengan struktur tertentu. Antarmuka ini sangat berguna untuk membuat objek yang kompleks dan memastikan bentuk yang konsisten di seluruh aplikasi Anda.

Contoh Antarmuka

interface Person {
  name: string;
  age: number;
}

let employee: Person = {
  name: "Alice",
  age: 32
};

Jenis Serikat Pekerja

Tipe gabungan memungkinkan variabel untuk menampung nilai dari beberapa tipe. Ini berguna ketika suatu nilai dapat berupa salah satu dari beberapa tipe.

Contoh Jenis Serikat Pekerja

let id: number | string;
id = 123; // valid
id = "abc"; // valid
id = true; // Error: Type 'boolean' is not assignable to type 'number | string'

Alias ​​Tipe

Alias ​​tipe memungkinkan Anda membuat nama baru untuk suatu tipe. Ini dapat membantu menyederhanakan definisi tipe yang rumit.

Contoh Alias ​​Tipe

type ID = number | string;

let userId: ID;
userId = 456; // valid
userId = "xyz"; // valid

Kesimpulan

Menggunakan tipe dalam TypeScript memberikan banyak manfaat, termasuk deteksi kesalahan dini, peningkatan keterbacaan kode, dan peningkatan kemudahan perawatan. Dengan memahami tipe dasar, inferensi tipe, antarmuka, tipe gabungan, dan alias tipe, Anda dapat mulai memanfaatkan TypeScript untuk menulis kode yang lebih tangguh dan andal. Saat Anda memperoleh lebih banyak pengalaman dengan TypeScript, Anda akan menemukan lebih banyak fitur dan pola tingkat lanjut yang dapat lebih meningkatkan proses pengembangan Anda.