Saat mulai belajar pemrograman web, salah satu hal pertama yang perlu dipahami adalah sintaks JavaScript. Tanpa memahami sintaks, kode yang ditulis tidak akan berjalan sebagaimana mestinya.

Sintaks JavaScript merupakan kumpulan aturan atau tata cara penulisan kode agar dapat dipahami oleh browser maupun runtime JavaScript. Dengan menguasai sintaks dasar, Anda akan lebih mudah mempelajari materi lanjutan seperti fungsi, DOM, event, hingga framework modern seperti React atau Vue.

Pada artikel ini, kita akan membahas pengertian sintaks JavaScript, aturan penulisannya, serta contoh sederhana yang mudah dipahami.

Apa Itu Sintaks JavaScript?

Sintaks JavaScript adalah aturan penulisan kode yang harus diikuti agar program dapat dijalankan tanpa error.

Sama seperti bahasa Indonesia memiliki aturan tata bahasa, JavaScript juga memiliki aturan mengenai penulisan variabel, fungsi, operator, hingga penggunaan tanda baca seperti titik koma (;) dan kurung kurawal ({}).

Jika sintaks ditulis dengan benar, browser akan menjalankan program sesuai instruksi yang diberikan.

Sebaliknya, kesalahan kecil seperti salah menulis nama variabel atau lupa menutup kurung dapat menyebabkan program gagal dijalankan.

Mengapa Sintaks JavaScript Penting?

Memahami sintaks JavaScript memberikan banyak manfaat, di antaranya:

• Meminimalkan kesalahan saat menulis kode.
• Membuat program lebih mudah dibaca.
• Mempermudah proses debugging.
• Membantu bekerja sama dalam tim pengembang.
• Menjadi dasar sebelum mempelajari konsep JavaScript yang lebih kompleks.

Dengan kata lain, sintaks adalah pondasi utama dalam belajar JavaScript.

Aturan Dasar Sintaks JavaScript

Berikut beberapa aturan dasar yang wajib diketahui oleh setiap pemula.

1. JavaScript Bersifat Case Sensitive

JavaScript membedakan huruf besar dan huruf kecil.

Contoh:

let nama = "Andi";
let Nama = "Budi";

console.log(nama);
console.log(Nama);

Meskipun terlihat hampir sama, variabel nama dan Nama dianggap sebagai dua variabel yang berbeda.

2. Menggunakan Titik Koma (;)

Titik koma digunakan untuk mengakhiri sebuah pernyataan.

Contoh:

let umur = 20;
let kota = "Bandung";

Saat ini JavaScript memiliki fitur Automatic Semicolon Insertion (ASI) sehingga titik koma terkadang boleh dihilangkan.

Namun, untuk menjaga konsistensi dan menghindari bug, banyak developer tetap menuliskannya.

3. Menggunakan Kurung Kurawal

Kurung kurawal digunakan untuk membungkus blok kode.

Contoh:

if (umur >= 17) {
    console.log("Boleh membuat SIM");
}

Semua kode di dalam {} akan dijalankan jika kondisi bernilai benar.

4. Penamaan Variabel

Nama variabel memiliki beberapa aturan.

Boleh menggunakan:

• Huruf
• Angka (tidak di awal)
• Tanda garis bawah (_)
• Tanda dolar ($)

Contoh:

let namaLengkap;
let umur21;
let _alamat;
let $harga;

Yang tidak diperbolehkan:

let 123nama;
let nama lengkap;

5. Penulisan Komentar

Komentar digunakan untuk memberikan penjelasan pada kode.

Komentar satu baris:

// Ini komentar

Komentar lebih dari satu baris:

/*
Ini komentar
lebih dari satu baris
*/

Komentar tidak akan dijalankan oleh JavaScript.

Contoh Sintaks JavaScript Sederhana

Berikut contoh program sederhana.

let nama = "PowerCode";

console.log("Halo, " + nama);

Hasilnya:

Halo, PowerCode

Program tersebut membuat sebuah variabel bernama nama, kemudian menampilkan teks ke layar menggunakan console.log().

Mengenal Console.log()

Saat belajar JavaScript, Anda akan sering menemukan fungsi berikut.

console.log("Belajar JavaScript");

Fungsi console.log() digunakan untuk menampilkan informasi pada Console di browser.

Biasanya digunakan untuk:

• Mengecek isi variabel.
• Mengetahui hasil perhitungan.
• Membantu proses debugging.

Contoh Penggunaan Sintaks Variabel

JavaScript menyediakan tiga cara membuat variabel.

let nama = "Budi";
const negara = "Indonesia";
var umur = 20;

Perbedaannya:

• let digunakan untuk data yang nilainya dapat berubah.
• const digunakan untuk data yang nilainya tetap.
• var merupakan cara lama dan saat ini sudah jarang digunakan dalam proyek modern.

Untuk pemula, disarankan menggunakan let dan const.

Kesalahan Sintaks yang Sering Dilakukan Pemula

Berikut beberapa kesalahan yang sering terjadi.

Salah menulis nama variabel

let nama = "Andi";

console.log(Nama);

Program akan menghasilkan error karena Nama berbeda dengan nama.

Kurung Tidak Ditutup

if (true) {
    console.log("Halo");

Kurung kurawal penutup hilang sehingga program gagal dijalankan.

Salah Menulis Keyword

Let nama = "Andi";

Penulisan yang benar adalah:

let nama = "Andi";

Keyword JavaScript harus ditulis sesuai aturan.

Tips Menulis Sintaks JavaScript yang Baik

Agar kode lebih mudah dipahami, biasakan mengikuti beberapa tips berikut:

• Gunakan nama variabel yang jelas.
• Berikan komentar jika diperlukan.
• Gunakan indentasi yang rapi.
• Hindari penggunaan var pada proyek baru.
• Konsisten menggunakan titik koma.
• Periksa kembali setiap kurung buka dan kurung tutup.

Kebiasaan kecil ini akan membuat kode lebih profesional dan mudah dipelihara.

Kesimpulan

Sintaks JavaScript merupakan dasar yang harus dipahami oleh setiap orang yang ingin belajar pemrograman web. Dengan memahami aturan penulisan kode, Anda dapat mengurangi kesalahan, membuat program lebih rapi, dan lebih mudah mempelajari materi JavaScript yang lebih kompleks.

Mulailah dengan memahami konsep sederhana seperti penulisan variabel, penggunaan kurung kurawal, komentar, dan fungsi console.log(). Setelah menguasainya, Anda akan lebih siap mempelajari topik lanjutan seperti fungsi, array, object, DOM, hingga framework JavaScript modern.

Semakin sering berlatih menulis kode, semakin cepat Anda terbiasa dengan sintaks JavaScript dan mampu membuat aplikasi web yang interaktif.