JavaScript kommentarer

Indholdsfortegnelse

Vis indholdsfortegnelse

JavaScript-kommentarer kan bruges til at forklare JavaScript-kode, og for at gøre den mere læsbar.

JavaScript-kommentarer kan også bruges til at forhindre udførelse, når test af alternativ kode.

Enkeltlinjekommentarer

Enkeltlinjekommentarer starter med //.

Enhver tekst mellem // og slutningen af linjen vil blive ignoreret af JavaScript (vil ikke blive udført).

Dette eksempel bruger en enkelt-linje kommentar før hver kodelinje:

Eksempel

// Change heading:
document.getElementById("myH").innerHTML = "My First Page";

// Change paragraph:
document.getElementById("myP").innerHTML = "My first paragraph.";

Prøv det selv →

<!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>

Dette eksempel bruger en enkelt linjekommentar i slutningen af hver linje for at forklare koden:

Eksempel

let x = 5;      // Declare x, give it the value of 5
let y = x + 2;  // Declare y, give it the value of x + 2

Prøv det selv →

<!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>

Kommentarer med flere linjer

Kommentarer med flere linjer starter med /* og slutter med */.

Enhver tekst mellem /* og */ vil blive ignoreret af JavaScript.

Dette eksempel bruger en kommentar med flere linjer (en kommentarblok) til at forklare koden:

Eksempel

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

Prøv det selv →

<!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 er mest almindeligt at bruge enkeltlinjekommentarer.
Blokkommentarer er ofte bruges til formel dokumentation.

Brug af kommentarer til at forhindre udførelse

Brug af kommentarer til at forhindre udførelse af kode er velegnet til kode test.

Tilføjelse af // foran en kodelinje ændrer kodelinjerne fra en eksekverbar linje til en kommentar.

Dette eksempel bruger/til at forhindre udførelse af en af kodelinjerne:

Eksempel

//document.getElementById("myH").innerHTML = "My First Page";
document.getElementById("myP").innerHTML = "My first paragraph.";

Prøv det selv →

<!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>

Dette eksempel bruger en kommentarblok til at forhindre udførelse af flere linjer:

Eksempel

/*
document.getElementById("myH").innerHTML = "My First Page";
document.getElementById("myP").innerHTML = "My first paragraph.";
*/

Prøv det selv →

<!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>