Komentar pada JavaScript: Cara Membuat dan Codenya

Reviewed by Sutiono S.Kom., M.Kom., M.T.I

by Catur Kurnia Sari October 7, 2020

Komentar pada JavaScript dapat digunakan untuk menjelaskan kode JavaScript, dan membuatnya lebih mudah dibaca.

Komentar JavaScript juga dapat digunakan untuk mencegah eksekusi, saat menguji kode alternatif.

Section Artikel

1 Komentar Baris Tunggal
2 Komentar Multi-baris
3 Menggunakan Komentar untuk Mencegah Eksekusi

Komentar Baris Tunggal

Komentar baris tunggal dimulai dengan tanda //.

Teks apa pun yang berada di antara // dan akhir baris akan diabaikan oleh JavaScript (tidak akan dieksekusi).

Contoh ini menggunakan komentar baris tunggal yang letaknya sebelum baris kode:

<!DOCTYPE html>
<html>
<body>

<h1 id="myH"></h1>
<p id="myP"></p>

<script>
// merubah heading:
document.getElementById("myH").innerHTML = "Komentar pada JavaScript";
// merubah paragraf:
document.getElementById("myP").innerHTML = "Paragraf Pertamaku";
</script>

</body>
</html>

Contoh ini menggunakan komentar baris tunggal di akhir setiap baris untuk menjelaskan kode:

<!DOCTYPE html>
<html>
<body>

<h2>Komentar pada JavaScript</h2>

<p id="demo"></p>

<script>
var x = 5;    // Deklarasikan x, berikan nilai 5
var y = x + 2;  // Deklarasikan y, berikan nilai x + 2
// Tulis y pada demo:
document.getElementById("demo").innerHTML = y;
</script>


</body>
</html>

Komentar Multi-baris

Komentar multibaris dimulai dengan tanda / * dan diakhiri dengan * /.

Teks apapun yang terletak di antara / * dan * / akan diabaikan oleh JavaScript.

Contoh ini menggunakan komentar multi-baris (blok komentar) untuk menjelaskan kode:

<!DOCTYPE html>
<html>
<body>

<h1 id="myH"></h1>
<p id="myP"></p>

<script>
/*
Kode di bawah ini akan berubah
heading dengan id = "myH"
dan paragraf dengan id = "myP"
*/
document.getElementById("myH").innerHTML = "Komentar pada JavaScript";
document.getElementById("myP").innerHTML = "Paragraf pertamaku.";
</script>

</body>
</html>

Penggunaan komentar yang paling umum biasanya menggunakan komentar baris tunggal.
Blok komentar sering digunakan untuk dokumentasi formal.

Menggunakan Komentar untuk Mencegah Eksekusi

Menggunakan komentar untuk mencegah eksekusi kode cocok untuk digunakan pada pengujian kode.

Menambahkan // di depan baris kode akan mengubah baris kode tersebut dari baris yang dapat dieksekusi menjadi komentar.

Contoh ini menggunakan // untuk mencegah eksekusi salah satu baris kode:

<!DOCTYPE html>
<html>
<body>

<h2>Komentar pada JavaScript</h2>

<h1 id="myH"></h1>

<p id="myP"></p>

<script>
//document.getElementById("myH").innerHTML = "Halaman Pertamaku";
document.getElementById("myP").innerHTML = "Paragraf pertamaku";
</script>

<p>Baris yang dimulai dengan // tidak dieksekusi.</p>

</body>
</html>

Contoh ini menggunakan blok komentar untuk mencegah eksekusi beberapa baris:

<!DOCTYPE html>
<html>
<body>

<h2>Komentar pada JavaScript</h2>

<h1 id="myH"></h1>

<p id="myP"></p>

<script>
/*
document.getElementById("myH").innerHTML = "Selamat datang di Beranda";
document.getElementById("myP").innerHTML = "Ini adalah paragraf pertama saya.";
*/
document.getElementById("myP").innerHTML = "Blok komentar tidak dijalankan.";
</script>


</body>
</html>

javascript