JavaScript-kommentarer kan användas för att förklara JavaScript-kod, och för att göra den mer läsbar.
JavaScript-kommentarer kan också användas för att förhindra exekvering, när testa alternativ kod.
Enradskommentarer börjar med //
.
All text mellan //
och slutet av raden kommer att ignoreras av JavaScript (kommer inte att köras).
Det här exemplet använder en enradskommentar före varje kodrad:
// Change heading:
document.getElementById("myH").innerHTML = "My First Page";
// Change paragraph:
document.getElementById("myP").innerHTML = "My first paragraph.";
Prova själv →
<!DOCTYPE html>
<html>
<body>
<h1 id="myH"></h1>
<p id="myP"></p>
<script>
// Change heading:
document.getElementById("myH").innerHTML = "JavaScript Comments";
// Change paragraph:
document.getElementById("myP").innerHTML = "My first paragraph.";
</script>
</body>
</html>
Det här exemplet använder en kommentar på en rad i slutet av varje rad för att förklara koden:
let x = 5; // Declare x, give it the value of 5
let y = x + 2; // Declare y, give it the value of x + 2
Prova själv →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Comments</h2>
<p id="demo"></p>
<script>
let x = 5; // Declare x, give it the value of 5
let y = x + 2; // Declare y, give it the value of x + 2
// Write y to demo:
document.getElementById("demo").innerHTML = y;
</script>
</body>
</html>
Flerradiga kommentarer börjar med /*
och slutar med */
.
All text mellan /*
och */
kommer att ignoreras av JavaScript.
Det här exemplet använder en kommentar med flera rader (ett kommentarblock) för att förklara koden:
/*
The code below will change
the heading with id = "myH"
and the paragraph with id = "myP"
in my web page:
*/
document.getElementById("myH").innerHTML = "My First Page";
document.getElementById("myP").innerHTML = "My first paragraph.";
Prova själv →
<!DOCTYPE html>
<html>
<body>
<h1 id="myH"></h1>
<p id="myP"></p>
<script>
/*
The code below will change
the heading with id = "myH"
and the paragraph with id = "myP"
*/
document.getElementById("myH").innerHTML = "JavaScript Comments";
document.getElementById("myP").innerHTML = "My first paragraph.";
</script>
</body>
</html>
Det är vanligast att använda enradskommentarer.
Blockera kommentarer är ofta används för formell dokumentation.
Att använda kommentarer för att förhindra exekvering av kod är lämpligt för kodtestning.
Att lägga till //
framför en kodrad ändrar kodraderna från en körbar rad till en kommentar.
Det här exemplet använder/för att förhindra exekvering av en av kodraderna:
//document.getElementById("myH").innerHTML = "My First Page";
document.getElementById("myP").innerHTML = "My first paragraph.";
Prova själv →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Comments</h2>
<h1 id="myH"></h1>
<p id="myP"></p>
<script>
//document.getElementById("myH").innerHTML = "My First Page";
document.getElementById("myP").innerHTML = "My first paragraph.";
</script>
<p>The line starting with // is not executed.</p>
</body>
</html>
Det här exemplet använder ett kommentarblock för att förhindra exekvering av flera rader:
/*
document.getElementById("myH").innerHTML = "My First Page";
document.getElementById("myP").innerHTML = "My first paragraph.";
*/
Prova själv →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Comments</h2>
<h1 id="myH"></h1>
<p id="myP"></p>
<script>
/*
document.getElementById("myH").innerHTML = "Welcome to my Homepage";
document.getElementById("myP").innerHTML = "This is my first paragraph.";
*/
document.getElementById("myP").innerHTML = "The comment-block is not executed.";
</script>
</body>
</html>