Komentáře JavaScript

Obsah

Zobrazit obsah

Komentáře JavaScript lze použít k vysvětlení kódu JavaScript a aby to bylo čitelnější.

Komentáře JavaScriptu lze také použít k zabránění spuštění, když testování alternativního kódu.

Jednořádkové komentáře

Jednořádkové komentáře začínají //.

Jakýkoli text mezi // a koncem řádku bude JavaScriptem ignorován (nebude proveden).

Tento příklad používá jednořádkový komentář před každým řádkem kódu:

Příklad

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

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

Zkuste to sami →

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

V tomto příkladu je na konci každého řádku použit jednořádkový komentář pro vysvětlení kódu:

Příklad

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

Zkuste to sami →

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

Víceřádkové komentáře

Víceřádkové komentáře začínají /* a končí */.

Jakýkoli text mezi /* a */ bude JavaScriptem ignorován.

Tento příklad používá víceřádkový komentář (blok komentářů) k vysvětlení kódu:

Příklad

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

Zkuste to sami →

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

Nejběžnější je používat jednořádkové komentáře.
Blokované komentáře jsou často používá se pro formální dokumentaci.

Použití komentářů k zabránění spuštění

Použití komentářů k zabránění spuštění kódu je vhodné testování kódu.

Přidáním // před řádek kódu změníte řádky kódu ze spustitelného řádku na komentář.

Tento příklad používá/k zabránění spuštění jednoho z řádků kódu:

Příklad

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

Zkuste to sami →

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

Tento příklad používá blok komentáře k zabránění spuštění více řádků:

Příklad

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

Zkuste to sami →

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