Tipe Literal

Selamat datang di pelajaran berikutnya! Dalam pelajaran ini, Anda akan mempelajari tipe literal, yaitu fitur TypeScript yang memungkinkan Anda menentukan nilai yang tepat dan spesifik untuk variabel. Hal ini membuat kode Anda lebih mudah diprediksi dan aman terhadap tipe. Mari kita pelajari!

Apa Itu Tipe Literal?

Tipe literal dalam TypeScript memungkinkan sebuah variabel menyimpan nilai tertentu, bukan sekadar tipe umum seperti teks atau angka. Misalnya, Anda dapat membatasi variabel agar hanya menyimpan nilai "yes" atau "no".

Contoh:

Tugas: Deklarasikan sebuah variabel dengan tipe literal dan tetapkan nilai yang valid serta tidak valid padanya.

let answer: "yes" | "no";
answer = "yes"; 
// Valid
// answer = "maybe"; 
// Error: Type '"maybe"' is not assignable to type '"yes" | "no"'.

Tipe Literal dengan Teks

Tipe literal teks membatasi sebuah variabel pada sekumpulan nilai teks tertentu. Contoh:

Tugas: Buat tipe untuk arah dan tetapkan nilai ke sebuah variabel.

type Direction = "up" | "down" | "left" | "right";

let move: Direction;
move = "up"; // Valid
// move = "forward"; 
// Error: Type '"forward"' is not assignable to type '"up" | "down" | "left" | "right"'.

Tipe Literal dengan Angka

Anda juga dapat menggunakan tipe literal dengan angka untuk membatasi sebuah variabel pada nilai angka tertentu. Contoh:

Tugas: Definisikan tipe literal angka untuk lemparan dadu dan uji tipe tersebut.

type DiceRoll = 1 | 2 | 3 | 4 | 5 | 6;

let roll: DiceRoll;
roll = 4; // Valid
// roll = 7; 
// Error: Type '7' is not assignable to type '1 | 2 | 3 | 4 | 5 | 6'.

Tipe Literal dalam Fungsi

Anda dapat menggunakan tipe literal pada parameter fungsi agar hanya nilai tertentu yang diperbolehkan. Contoh:

Tugas: Tulis fungsi dengan parameter yang menggunakan tipe literal.

function setStatus(status: "active" | "inactive"): void {
  console.log(`The status is now ${status}`);
}

setStatus("active"); 
// Output: The status is now active
// setStatus("pending"); 
// Error: Type '"pending"' is not assignable to type '"active" | "inactive"'.

Tipe Literal dan Alias Tipe

Untuk menggunakan kembali tipe literal, Anda dapat mendefinisikannya sebagai alias tipe. Contoh:

Tugas: Buat alias tipe untuk warna lampu lalu lintas dan gunakan alias tersebut pada sebuah variabel.

type TrafficLight = "red" | "yellow" | "green";

let light: TrafficLight = "red";
console.log(light);
 // Output: red

Menggunakan Tipe Literal dengan Objek

Anda dapat menggunakan tipe literal di dalam objek untuk membatasi nilai properti tertentu. Contoh:

Tugas: Buat tipe objek dengan properti yang menggunakan tipe literal.

type Button = {
  label: string;
  size: "small" | "medium" | "large";
};

let submitButton: Button = {
  label: "Submit",
  size: "medium",
};

console.log(submitButton);

Kesalahan Umum

Berikut beberapa kesalahan umum saat menggunakan tipe literal:

• Lupa memperbarui semua nilai yang diizinkan saat mengubah tipe literal.
• Menetapkan nilai yang tidak termasuk dalam tipe literal (TypeScript akan mendeteksinya).
• Menggunakan tipe literal untuk data yang sangat dinamis, yang lebih membutuhkan fleksibilitas.

Tips: Gunakan tipe literal untuk skenario yang terkendali dan dapat diprediksi!

Bagus Sekali!

Selamat! Anda telah mempelajari cara menggunakan tipe literal di TypeScript untuk menentukan nilai yang tepat dan terbatas. Tipe literal sangat berguna untuk membuat kode yang dapat diprediksi dan aman terhadap tipe. Pada pelajaran berikutnya, kita akan mempelajari dukungan TypeScript untuk bekerja dengan fungsi. Mari terus menulis kode!