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