Los comentarios se utilizan para evitar la ejecución de sentencias. Los comentarios se ignoran mientras el compilador ejecuta el código. Los comentarios son fáciles de usar, ya que los usuarios pueden obtener explicaciones del código mediante comentarios.
Sintaxis:
// For single line comment
/* For block of lines comment ... ... */
Valor devuelto: durante la ejecución del código, los comentarios se ignoran.
Ejemplo 1: Este ejemplo ilustra el comentario de una sola línea usando //.
html
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Comments
</title>
<script>
// Function to add two numbers
function add() {
// Declare three variables
var x, y, z;
// Input a number and store it into variable x
x = Number( document.getElementById("num1").value );
// Input a number and store it into variable x
y = Number( document.getElementById("num2").value );
// Sum of two numbers
z= x +y;
// Return the sum
document.getElementById("sum").value = z;
}
</script>
</head>
<body>
Enter the First number: <input id="num1"><br><br>
Enter the Second number: <input id="num2"><br><br>
<button onclick="add()">
Sum
</button>
<input id="sum">
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo 2: Este ejemplo ilustra el comentario de varias líneas usando /* … */
html
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Comments
</title>
<script>
/* Script to get two input from user
and add them */
function add() {
/* Declare three variable */
var x, y, z;
/* Input the two nos. num1, num2
Input num1 and store it in x
Input num2 and store it in y
The sum is stored in a variable z*/
x = Number(document.getElementById("num1").value);
y = Number(document.getElementById("num2").value);
z = x + y;
document.getElementById("sum").value = z;
}
</script>
</head>
<body>
Enter the First number : <input id="num1"><br><br>
Enter the Second number: <input id="num2"><br><br>
<button onclick="add()">
Sum
</button>
<input id="sum">
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo 3: Este ejemplo ilustra que el código comentado nunca se ejecutará.
html
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Comments
</title>
<script>
function add() {
var x, y, z;
x = Number( document.getElementById("num1").value );
y = Number( document.getElementById("num2").value );
z= x +y;
// Comment the code section
//document.getElementById("sum").value = z;
}
</script>
</head>
<body>
Enter the First number: <input id="num1"><br><br>
Enter the Second number: <input id="num2"><br><br>
<button onclick="add()">
Sum
</button>
<input id="sum">
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por riarawal99 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA