Latihan 1: Refactoring Techniques — Clean Code

Latihan 1 dari materi Refactoring Techniques di Clean Code — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

getDiscount(type, price) di editor memilih diskon dengan rantai if/else if. Refactor dengan teknik Replace Conditional with Lookup:

Buat object DISCOUNT_RATES yang memetakan tipe ke tarif diskon: regular: 0, member: 0.1, vip: 0.2, employee: 0.3.
Tulis ulang getDiscount(type, price): ambil tarifnya dari DISCOUNT_RATES[type], pakai 0 kalau tipenya gak ada di tabel (?? 0 atau || 0), lalu kembalikan price * (1 - rate).
Gak boleh ada else if lagi di kode.

Lima console.log di bawah tetap ada. Output-nya harus:

getDiscount juga diuji sendiri: getDiscount('vip', 100000) harus 80000, getDiscount('tidak-ada', 100000) harus 100000, dan DISCOUNT_RATES.employee harus 0.3.

Hint

Tiap cabang if cuma memilih sebuah tarif berdasarkan type. Pilihan seperti itu bisa disimpan di tabel, lalu dibaca dengan type sebagai kuncinya.
const DISCOUNT_RATES = { regular: 0, member: 0.1, vip: 0.2, employee: 0.3 }; lalu di getDiscount ambil DISCOUNT_RATES[type], dengan 0 untuk tipe yang gak ada di tabel.
function getDiscount(type, price) { const rate = DISCOUNT_RATES[type] ?? 0; return price * (1 - rate); }

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: Refactoring Techniques — Clean Code

Hint

Memperbarui Aplikasi