Tutorial Javascript 10 : Komentar di Javascript dan Cara Membuatnya

Last Updated on November 8, 2021 by

Seri tutorial JavaScript sebelumnya, Codekey telah membahas tentang cara cepat dan mudah mengurutkan data array di JavaScript. Kali ini, Codekey akan mengajak Anda untuk belajar membuat komentar di JavaScript.

Apa itu komentar? Pada JavaScript dikenal istilah Comments atau dalam bahasa Indonesia disebut komentar. Komentar ini berguna untuk menjelaskan kode JavaScript dan membuatnya bisa dibaca dengan mudah. Jika Anda tertarik untuk mengetahui komentar di JavaScript, pastikan Anda membaca artikel ini sampai habis.

Komentar di JavaScript : Sebuah Definisi

Bahasa pemrograman menawarkan pilihan agar Anda meninggalkan catatan untuk Anda sendiri atau orang lain. Fitur komentar JavaScript menyederhanakan produksi kode yang lebih mudah dibaca.

Mereka mudah ditulis dan dikenali: blok komentar JavaScript (juga dikenal sebagai komentar multi-baris) dimulai dengan * /, sedangkan komentar baris tunggal dimulai dengan //.  Dalam bahasa pemrograman, komentar juga dapat digunakan untuk mencegah beberapa baris kode dieksekusi. Hal ini sangat berguna saat Anda melakukan pengujian.

Ada beberapa jenis komentar dalam JavaScript. Pertama, single line comments atau komentar baris tunggal yang mengomentari satu baris atau sebagian dari satu baris dan multi line comments atau komentar multi baris yang mengomentari blok kode. Komentar multi baris ini lebih sering digunakan untuk dokumentasi formal.

Pada JavaScript juga dikenal istilah Comment Out yang berarti Anda menjdi bagian dari kode dan dikelilingi dengan simbol komentar JavaScript. Comment Out tidak dijalankan oleh browser yang berarti komentar ini tidak akan ditampilkan. Berikut adalah contoh melakukan comment out pada single line comment  di bawah ini:

//document.getElementById("text").innerHTML = "SELAMAT";
document.getElementById("text2").innerHTML = "Belajar";

Contoh berikut ini adalah ilustrasi dari comment out dari suatu blok kode:

/*document.getElementById("text").innerHTML = "SELAMAT";
document.getElementById("text2").innerHTML = "Belajar";*/

Lebih jauh lagi, komentar JavaScript memungkinkan Anda untuk mengomentari sebuah baris atau line, bagian dari baris tersebut, atau sebuah blok dari kode. Fitur ini dapat digunakan untuk melakukan debugging kode Anda untuk menemukan lokasi bug secara cepat.

Comment Out  adalah bagian dari kode, untuk itu sebaiknya Anda jangan menghapus bagian tersebut untuk melihat apakah ada bug dalam baris tersebut.

Single line comments (komentar baris tunggal)

Komentar baris tunggal ini digunakan untuk mengomentari sebuah bagian dari suatu baris atau satu baris penuh dari kode yang ada di JavaScript. Anda dapat menggunakannya untuk menjelaskan code atau melakukan debugging.

Anda juga bisa menggunakannya untuk melakukan comment out untuk mencegah eksekusi dari browser. Berikut ini adalah contoh penggunaaan single line comment untuk menjelaskan baris dari kode di bawah ini.

// Ini adalah kode dalam javascript
document.getElementById("item").innerHTML = "ini hanya contoh";

Pada contoh berikut ini, komentar ditulis dalam baris yang sama sebagai kode itu sendiri:

var n = 17;       // deklarasi variabel n
var hasil = n + 23;  // variabel hasil

Untuk komentar satu baris, Anda harus menulis dua garis miring: //. Apa pun yang terjadi setelah // hingga jeda baris diperlakukan sebagai komentar JavaScript dan tidak dieksekusi sebagai kode.

Multi line comments (komentar multi baris)

Komentar multi baris JavaScript memiliki tujuan yang sama dengan komentar baris tunggal. Blok komentar JavaScript dimulai dengan dua simbol: / *. Untuk mengakhiri komentar, gunakan simbol ini * / lagi. Segala sesuatu di antara simbol-simbol ini akan diperlakukan sebagai komentar di JavaScript.

Anda dapat menggunakan komentar multiline JavaScript untuk meninggalkan komentar panjang atau mengomentari bagian kode yang lebih besar saat debugging. Contohnya sebagai berikut:

/* Contoh penggunaan multi
 line comments dalam javascript */

document.getElementById("text").innerHTML = "Selamat";
document.getElementById("text2").innerHTML = "Belajar";

Demikianlah penjelasan tentang komentar di JavaScript. Ada beberapa hal yang perlu Anda ingat baik-baik dari materi ini.

1. Ada dua jenis komentar dalam JavaScript: baris tunggal dan multi baris.
2. Komentar dapat digunakan untuk menjelaskan atau menyembunyikan kode agar tidak dieksekusi.
3. Komentar JavaScript satu baris digunakan untuk satu baris komentar saja dan tidak perlu ditutup.
4. Komentar multi baris di JavaScript dapat mengomentari bagian kode yang lebih besar (beberapa baris) dan perlu ditutup.

Jika Anda tertarik untuk belajar JavaScript lebih banyak dan lebih detil, pastikan Anda membaca seri tutorial JavaScript dari Codekey. Situs Codekey menyediakan berbagai tutorial, pembahasan, tips, dan trik yang dapat Anda ikuti saat belajar JavaScript maupun bahasa pemrograman lainnya. Jangan lupa untuk terus mendapatkan update dari situs Codekey.