Comentarios de JavaScript

Tabla de contenido

Mostrar tabla de contenidos

Los comentarios de JavaScript se pueden utilizar para explicar el código JavaScript y para hacerlo más legible.

Los comentarios de JavaScript también se pueden utilizar para evitar la ejecución, cuando probando código alternativo.

Comentarios de una sola línea

Los comentarios de una sola línea comienzan con //.

JavaScript ignorará cualquier texto entre // y el final de la línea. (no será ejecutado).

Este ejemplo utiliza un comentario de una sola línea antes de cada línea de código:

Ejemplo

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

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

Pruébelo usted mismo →

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

Este ejemplo utiliza un comentario de una sola línea al final de cada línea. para explicar el código:

Ejemplo

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

Pruébelo usted mismo →

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

Comentarios de varias líneas

Los comentarios de varias líneas comienzan con /* y terminan con */.

JavaScript ignorará cualquier texto entre /* y */.

Este ejemplo utiliza un comentario de varias líneas (un bloque de comentarios) para explicar el código:

Ejemplo

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

Pruébelo usted mismo →

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

Lo más común es utilizar comentarios de una sola línea.
Los comentarios en bloque suelen ser utilizado para documentación formal.

Uso de comentarios para evitar la ejecución

El uso de comentarios para evitar la ejecución de código es adecuado para prueba de código.

Agregar // delante de una línea de código cambia las líneas de código de una línea ejecutable a un comentario.

Este ejemplo utiliza/para evitar la ejecución de una de las líneas de código:

Ejemplo

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

Pruébelo usted mismo →

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

Este ejemplo utiliza un bloque de comentarios para evitar la ejecución de varias líneas:

Ejemplo

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

Pruébelo usted mismo →

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