Struktur Dasar Program JavaScript (Wajib Dipahami Pemula)
Saat mulai belajar JavaScript, banyak pemula langsung menulis kode tanpa memahami struktur dasar program JavaScript. Akibatnya, kode sering error, sulit dibaca, dan membingungkan saat dikembangkan.
Di artikel ini, kita akan membahas susunan dasar kode JavaScript, mulai dari penulisan statement, komentar, hingga blok kode yang benar. Artikel ini sangat penting sebagai pondasi sebelum masuk ke variabel, function, dan logika program.
Apa Itu Struktur Dasar Program JavaScript?
Struktur dasar program JavaScript adalah aturan dan susunan penulisan kode agar JavaScript bisa dijalankan dengan benar oleh browser atau JavaScript engine.
Struktur ini meliputi:
- Statement (perintah)
- Comment (komentar)
- Block kode
- Penulisan titik koma
- Urutan eksekusi kode
1. Statement (Pernyataan JavaScript)
Statement adalah instruksi yang dijalankan oleh JavaScript.
Contoh statement sederhana:
JavaScript
console.log("Hello JavaScript");
📌 Penjelasan:
- console.log() → perintah untuk menampilkan teks
- "Hello JavaScript" → data yang ditampilkan
Satu baris kode = satu statement.
2. Titik Koma (Semicolon)
JavaScript menggunakan titik koma (;) untuk mengakhiri statement.
Contoh:
JavaScript
let nama = "Andi";
let umur = 20;
💡 Catatan:
- JavaScript bisa berjalan tanpa titik koma
- Tapi sangat disarankan tetap menggunakannya agar kode lebih rapi dan aman dari error
3. Komentar (Comments)
Komentar adalah bagian kode yang tidak dijalankan oleh JavaScript. Biasanya digunakan untuk:
- Penjelasan kode
- Catatan
- Menonaktifkan kode sementara
a. Komentar Satu Baris
JavaScript
// Ini adalah komentar satu baris
console.log("Belajar JavaScript");
JavaScript
/*
Ini adalah komentar
lebih dari satu baris
*/
📌 Tips SEO & Coding:
Biasakan menulis komentar agar kode mudah dipahami saat dibaca ulang.
4. Blok Kode (Code Block)
Blok kode adalah sekumpulan statement yang dibungkus dengan { }.
Contoh:
JavaScript
if (true) {
console.log("Kode ini dijalankan");
}
Blok kode biasanya digunakan pada:
- if
- for
- while
- function
5. Penulisan Case-Sensitive
JavaScript bersifat case-sensitive, artinya:
JavaScript
nama
Nama
NAMA
👉 Ketiganya dianggap berbeda
Contoh error umum:
JavaScript
let nama = "Budi";
console.log(Nama); // Error
📌 Kesimpulan:
Huruf besar dan kecil sangat berpengaruh di JavaScript.
6. Urutan Eksekusi Program
JavaScript dijalankan dari atas ke bawah, baris demi baris.
Contoh:
JavaScript
console.log("Baris pertama");
console.log("Baris kedua");
console.log("Baris ketiga");
Baris pertama
Baris kedua
Baris ketiga
⚠️ Jika ada error di tengah kode, baris setelahnya tidak akan dijalankan.
7. Struktur Dasar Program JavaScript Lengkap
Berikut contoh struktur dasar program JavaScript yang rapi dan benar:
JavaScript
// Komentar: Program JavaScript sederhana
let nama = "Andi";
let umur = 20;
if (umur >= 18) {
console.log(nama + " sudah dewasa");
} else {
console.log(nama + " belum dewasa");
}
Kesalahan Umum Pemula
- ❌ Lupa tanda petik
- ❌ Salah huruf besar/kecil
- ❌ Kurung kurawal tidak ditutup
- ❌ Salah urutan penulisan
Semua kesalahan ini bisa dihindari dengan memahami struktur dasar.
Kesimpulan
Struktur dasar program JavaScript adalah pondasi utama sebelum masuk ke materi yang lebih kompleks. Dengan memahami:
- Statement
- Komentar
- Blok kode
- Urutan eksekusi
kamu akan lebih mudah belajar JavaScript ke level berikutnya.