Artikel ini merupakan bagian dari seri Tutorial Belajar JavaScript untuk Pemula Sampai Mahir. Jika kamu belum membaca bagian pengantar, kamu bisa mulai dari artikel utamanya di sini.
📌 Apa yang Akan Kamu Pelajari?
Pada artikel ini, kamu akan belajar:
- Cara kerja dasar JavaScript
- Struktur kode JavaScript
- Penulisan sintaks yang benar
- Cara menulis komentar
- Praktik penulisan kode yang baik untuk pemula
✍️ Apa Itu Sintaks JavaScript?
Sintaks adalah aturan penulisan dalam bahasa pemrograman. Setiap bahasa memiliki aturannya masing-masing, dan JavaScript juga demikian. Salah satu alasan JavaScript populer adalah karena sintaksnya relatif sederhana dan mudah dibaca, terutama bagi pemula.
Contoh kode JavaScript dasar:
1let nama = "Andi";
2console.log("Halo, " + nama);
3
1let nama = "Andi";
2console.log("Halo, " + nama);
3
Penjelasan:
let nama = "Andi"; → mendeklarasikan variabel bernama nama dan memberi nilai "Andi"console.log(...) → menampilkan teks ke konsol browser
🧱 Struktur Dasar Kode JavaScript
Struktur dasar program JavaScript sangat fleksibel. Berikut ini adalah komponen umum dalam sebuah skrip JavaScript:
1// 1. Komentar
2// 2. Variabel dan Konstanta
3let umur = 25;
4const negara = "Indonesia";
5
6// 3. Fungsi
7function sapa(nama) {
8 return "Halo, " + nama + "!";
9}
10
11// 4. Pemanggilan fungsi
12console.log(sapa("Rina"));
13
1// 1. Komentar
2// 2. Variabel dan Konstanta
3let umur = 25;
4const negara = "Indonesia";
5
6// 3. Fungsi
7function sapa(nama) {
8 return "Halo, " + nama + "!";
9}
10
11// 4. Pemanggilan fungsi
12console.log(sapa("Rina"));
13
🔹 Penjelasan Tambahan:
- Pernyataan (Statement) diakhiri dengan titik koma (
;) — ini opsional di JavaScript modern, tetapi disarankan agar konsisten.
- Blok kode ditandai dengan kurung kurawal
{ }.
- Indentasi (tab/spasi) membantu keterbacaan, walau tidak memengaruhi eksekusi kode.
💬 Menulis Komentar di JavaScript
Komentar adalah bagian dari kode yang tidak dijalankan. Komentar berguna untuk memberi catatan, menjelaskan maksud kode, atau menonaktifkan kode saat debugging.
1️⃣ Komentar Satu Baris:
1// Ini adalah komentar satu baris
2let jumlah = 10;
3
1// Ini adalah komentar satu baris
2let jumlah = 10;
3
2️⃣ Komentar Multi-baris:
1/*
2 Ini adalah komentar
3 lebih dari satu baris
4*/
5let nama = "Ani";
6
1/*
2 Ini adalah komentar
3 lebih dari satu baris
4*/
5let nama = "Ani";
6
✅ Contoh Lengkap Program Sederhana
1// Program menyapa pengguna
2let namaPengguna = "Dina";
3let ucapan = "Selamat datang, " + namaPengguna + "!";
4
5console.log(ucapan); // Menampilkan pesan di konsol
6
1// Program menyapa pengguna
2let namaPengguna = "Dina";
3let ucapan = "Selamat datang, " + namaPengguna + "!";
4
5console.log(ucapan); // Menampilkan pesan di konsol
6
📌 Tips Menulis Kode yang Baik (Best Practice)
- Gunakan
let dan const, hindari penggunaan var (nanti akan dijelaskan alasannya di artikel selanjutnya).
- Gunakan penamaan variabel yang deskriptif, misalnya:
totalHarga, namaUser.
- Tambahkan komentar untuk bagian-bagian penting.
- Gunakan titik koma (
;) secara konsisten.
- Tulis kode dalam blok modular/fungsi jika memungkinkan.
📘 Selanjutnya