0Pricing
JavaScript Academy · Pelajaran

Penamaan, Keterbacaan, dan Jebakan Umum

Pedoman penamaan dan keterbacaan; hindari pembayangan, angka ajaib, dan deklarasi campuran.

Penamaan, Keterbacaan, dan Jebakan Umum adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 3. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar JavaScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus JavaScript Academy mencakup 3 pelajaran total.

Pengantar

Tujuan: Tulis kode yang mudah dibaca. Gunakan nama yang jelas, hindari angka ajaib, dan berhati-hatilah terhadap pembayangan.

  • Nama yang deskriptif
  • Konstanta untuk nilai tetap
  • Tanpa pembayangan yang tidak disengaja
Penamaan, Keterbacaan, dan Jebakan Umum — ilustrasi 1

Demo penamaan yang jelas

Beri nama variabel berdasarkan apa yang disimpannya, bukan cara penggunaannya. Nama yang singkat tetapi jelas adalah pilihan terbaik.

// Use descriptive names
// Avoid single letters or vague words
const itemCount = 3;
const unitPrice = 5;

const totalPrice = itemCount * unitPrice;

console.log("Items:", itemCount);
console.log("Unit price:", unitPrice);
console.log("Total price:", totalPrice);
Penamaan, Keterbacaan, dan Jebakan Umum — ilustrasi 2

Panduan penamaan

Kiat penamaan:

  • Kata benda untuk data (userName, totalPrice)
  • Kata kerja untuk fungsi (computeTotal)
  • Konsisten dalam penggunaan huruf besar-kecil (camelCase)
Penamaan, Keterbacaan, dan Jebakan Umum — ilustrasi 3

Tanpa angka ajaib

Jadikan nilai tetap sebagai konstanta (UPPER_CASE umum digunakan). Hal ini menjelaskan maksud kode dan memudahkan pembaruan.

// Replace magic numbers with named constants
const TAX_RATE = 0.08;
const SUBTOTAL = 20;

const tax = SUBTOTAL * TAX_RATE;
const finalTotal = SUBTOTAL + tax;

console.log("Tax:", tax);
console.log("Final total:", finalTotal);
Penamaan, Keterbacaan, dan Jebakan Umum — ilustrasi 4

Demo pembayangan

Pembayangan: Variabel bagian dalam menggunakan nama yang sama dan menyembunyikan variabel bagian luar. Utamakan nama yang unik ketika lingkup saling bertumpuk.

// Shadowing: inner variable hides an outer one
let score = 10;

function addBonus() {
  // The next line creates a new "score" only inside this function
  let score = 5;
  console.log("Inner score:", score);
}

addBonus();
console.log("Outer score:", score);
Penamaan, Keterbacaan, dan Jebakan Umum — ilustrasi 5

Daftar periksa keterbacaan

Daftar periksa:

  • Satu gagasan per baris
  • Fungsi yang singkat
  • Gunakan konstanta untuk nilai tetap
  • Hindari penggunaan ulang nama di berbagai lingkup
Penamaan, Keterbacaan, dan Jebakan Umum — ilustrasi 6

Kuis praktik terbaik penamaan

Pemeriksaan cepat: Penamaan yang jelas.

Penamaan, Keterbacaan, dan Jebakan Umum — ilustrasi 7

Ringkasan

Ringkasan: Gunakan nama yang deskriptif, jadikan nilai tetap sebagai konstanta, dan hindari pembayangan agar kode mudah dibaca serta dipelihara.

Penamaan, Keterbacaan, dan Jebakan Umum — ilustrasi 8

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Penamaan, Keterbacaan, dan Jebakan Umum” gratis?

Ya — teks lengkap “Penamaan, Keterbacaan, dan Jebakan Umum” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus JavaScript Academy, upgrade ke CoddyKit PRO. Kursus JavaScript Academy mencakup 3 pelajaran total.

Apa yang akan aku pelajari di “Penamaan, Keterbacaan, dan Jebakan Umum”?

Pedoman penamaan dan keterbacaan; hindari pembayangan, angka ajaib, dan deklarasi campuran. Kamu berlatih JavaScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai JavaScript Academy?

Tidak diperlukan pengalaman sebelumnya. JavaScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 3.

Berapa lama pelajaran “Penamaan, Keterbacaan, dan Jebakan Umum” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran JavaScript Academy ini?

Ya. Setiap pelajaran JavaScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. let, const, dan Menghindari var
  2. Scope Blok/Fungsi/Modul dan TDZ
  3. Penamaan, Keterbacaan, dan Jebakan Umum
← Kembali ke JavaScript Academy