JavaScript-kommentarer


Innehållsförteckning

    Visa innehållsförteckning


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.


En rad kommentarer

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:

Exempel

// 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:

Exempel

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

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:

Exempel

/*
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.



Använda kommentarer för att förhindra exekvering

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:

Exempel

//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:

Exempel

/*
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>