Menu
CoddyTech
START LEARNING

Enum Heterogen

Termasuk bagian Pengantar TypeScript dalam perjalanan JavaScript di Coddy. Pelajaran 55 dari 73.

TypeScript juga mendukung enum heterogen, yaitu enum yang berisi gabungan anggota string dan numerik dalam satu deklarasi.

Berikut cara kamu membuat enum heterogen:

enum MixedEnum {
  No = 0,
  Yes = "YES",
  Maybe = 1
}

Dalam contoh ini, No dan Maybe adalah anggota numerik, sedangkan Yes adalah anggota string. TypeScript memungkinkan fleksibilitas ini, meskipun penting untuk diketahui bahwa enum heterogen jarang digunakan dalam praktik.

challenge icon

Tantangan

Mudah

Buat enum heterogen bernama ResponseCode yang menggabungkan nilai string dan numerik:

  • Success diinisialisasi dengan 200
  • Error diinisialisasi dengan "ERROR"
  • NotFound diinisialisasi dengan 404
  • Timeout diinisialisasi dengan "TIMEOUT"

Buat fungsi bernama handleResponse yang menerima satu parameter:

  • code dengan tipe ResponseCode

Fungsi tersebut harus:

  • Memeriksa kode respons dan mencetak pesan yang berbeda berdasarkan nilainya
  • Jika kodenya adalah ResponseCode.Success, cetak "Request successful"
  • Jika kodenya adalah ResponseCode.Error, cetak "General error occurred"
  • Jika kodenya adalah ResponseCode.NotFound, cetak "Resource not found"
  • Jika kodenya adalah ResponseCode.Timeout, cetak "Request timed out"
  • Memiliki tipe pengembalian void

Buat empat variabel untuk mendemonstrasikan nilai enum:

  • successCode bertipe ResponseCode dan tetapkan ResponseCode.Success padanya
  • errorCode bertipe ResponseCode dan tetapkan ResponseCode.Error padanya
  • notFoundCode bertipe ResponseCode dan tetapkan ResponseCode.NotFound padanya
  • timeoutCode bertipe ResponseCode dan tetapkan ResponseCode.Timeout padanya

Cetak output berikut:

  • Cetak nilai successCode
  • Cetak nilai errorCode
  • Cetak nilai notFoundCode
  • Cetak nilai timeoutCode
  • Panggil handleResponse dengan ResponseCode.Success
  • Panggil handleResponse dengan errorCode
  • Panggil handleResponse dengan nilai numerik 404

Coba sendiri

// TODO: Tulis kodemu di sini

// Buat enum ResponseCode


// Buat fungsi handleResponse


// Buat variabel untuk demonstrasi


// Cetak output yang diminta
quiz iconUji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Pengantar TypeScript

1Memulai dengan TypeScript

Apa itu TypeScript?Mengapa menggunakan TypeScript?Kode TypeScript pertamamuProses kompilasi dan errorRekap: Pengantar TS

4Bekerja dengan Fungsi

Menentukan Tipe Parameter dan Nilai KembaliMenentukan Tipe Fungsi PanahTipe Nilai Kembali 'void'Parameter Opsional dengan '?'Nilai Default ParameterMenentukan Tipe Rest ParameterMendefinisikan Tipe FungsiRingkasan: Membangun Fungsi Bertipe

7Proyek: Daftar Tugas Sederhana

Proyek: Mendefinisikan Struct TugasFungsi untuk Menambahkan TugasPelajaran proyekFungsi untuk Mengubah Status TugasPelajaran proyekFungsi: Mendaftar Tugas Berdasarkan StatusPelajaran proyekFungsi: Mencetak Ringkasan TugasPelajaran proyekSatukan SemuanyaPelajaran proyek

10Proyek: Manajemen Inventaris

Proyek: Item Inventaris GenerikFungsi: Tambahkan Item ke InventarisPelajaran proyekFungsi untuk Menemukan Item berdasarkan IDPelajaran proyekBuat Tipe Inventaris KhususPelajaran proyekFungsi untuk Mendapatkan Detail ItemPelajaran proyek

2Tipe Inti

Tipe Dasar: str, num, booleanTipe 'any': Jalan KeluarTipe 'unknown'Bekerja dengan null & undefinedInferensi Tipe dalam PraktikAnotasi Tipe EksplisitRangkuman: Latihan Tipe Inti

5Tipe: Alias, Union & Inter

Alias Tipe untuk Tipe PrimitifTipe Union ('|')Bekerja dengan Tipe UnionTipe LiteralTipe Intersection ('&')Menggabungkan Alias TipeRekap: Kombinasi Tipe Lanjutan

8Enum

Apa Itu Enum Numerik?Menggunakan Enum NumerikApa Itu Enum String?Menggunakan Enum StringEnum HeterogenUlasan: Menggunakan Enum

11Topik Lanjutan

Penegasan TipePenjaga Tipe: in & instanceofTipe 'never'Tipe Nullable ('strictNull')Tanda Tangan Indeks untuk objectUlasan: Menyempurnakan Tipe

3Struktur Data: array dan tuple

Array BertipeModifier 'readonly' untuk arrayApa Itu tuple?Mendeklarasikan dan Mengakses tupleDestructuring tupletuple ReadonlyArray Bertipe MultidimensiOperator Spread dengan arrayRangkuman: array dan tuple

6Menentukan Tipe Object dan Interface

Anotasi Tipe Object secara InlineAlias Tipe untuk ObjectPengantar InterfaceInterface vs. Alias TipeProperti Opsional dan ReadonlyMemperluas Interface dan TipeMenambahkan Method ke InterfaceRingkasan: Menentukan Bentuk Object

9Generics: Sekilas Pandang

Masalah yang Diatasi GenericsMembuat Fungsi Identitas GenerikMenggunakan Fungsi GenerikArray GenerikInterface GenerikUlasan: Latihan Fungsi Generik

Latihan sendiri: Playground TypeScript