JavaScript-Kommentare


Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen


JavaScript-Kommentare können verwendet werden, um JavaScript-Code zu erklären um es besser lesbar zu machen.

JavaScript-Kommentare können auch verwendet werden, um die Ausführung zu verhindern Testen von alternativem Code.


Einzeilige Kommentare

Einzeilige Kommentare beginnen mit //.

Jeglicher Text zwischen // und dem Ende der Zeile wird von JavaScript ignoriert (wird nicht ausgeführt).

In diesem Beispiel wird vor jeder Codezeile ein einzeiliger Kommentar verwendet:

Beispiel

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

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

Probieren Sie es selbst aus →

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

In diesem Beispiel wird am Ende jeder Zeile ein einzeiliger Kommentar verwendet um den Code zu erklären:

Beispiel

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

Probieren Sie es selbst aus →

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

Mehrzeilige Kommentare

Mehrzeilige Kommentare beginnen mit /* und enden mit */.

Jeder Text zwischen /* und */ wird von JavaScript ignoriert.

In diesem Beispiel wird ein mehrzeiliger Kommentar (ein Kommentarblock) verwendet, um den Code zu erläutern:

Beispiel

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

Probieren Sie es selbst aus →

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

Am häufigsten werden einzeilige Kommentare verwendet. Blockkommentare kommen häufig vor Wird zur formellen Dokumentation verwendet.



Verwendung von Kommentaren zur Verhinderung der Ausführung

Die Verwendung von Kommentaren zur Verhinderung der Ausführung von Code eignet sich für Code-Tests.

Das Hinzufügen von // vor einer Codezeile ändert die Codezeilen von einer ausführbaren Zeile in ein Kommentar.

In diesem Beispiel wird/verwendet, um die Ausführung einer der Codezeilen zu verhindern:

Beispiel

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

Probieren Sie es selbst aus →

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

In diesem Beispiel wird ein Kommentarblock verwendet, um die Ausführung von zu verhindern mehrere Zeilen:

Beispiel

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

Probieren Sie es selbst aus →

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