解释 JavaScript 中的注释
javascriptweb developmentfront end technology更新于 2024/5/17 16:26:00
在本教程中，我们将学习 JavaScript 中可用的不同类型的注释。注释用于以有意义的方式显示消息。注释用于解释代码并提供有关警告、建议和代码的信息，以便任何处理该代码的人都可以轻松理解技术流程。当编译器运行时，注释不会被执行。JavaScript 引擎将跳过注释部分
在 JavaScript 中，有两种类型的注释。
- 单行注释 (//)
- 多行注释 (/*…*/)
单行注释
// 和行尾之间的任何文本都被视为注释，并被 JavaScript 引擎忽略。单行注释也用于提供有关代码或警告的信息。
语法
// 这是单行注释
示例 1
以下程序演示了如何在 JavaScript 中使用单行注释。
<!DOCTYPE html> <html> <body> <h1 id="myHeader">Single line comments </h1> <p id="text" style="font-size : 20px"> Hello </p> <p id="person" style="font-size : 20px"> Devika </p> <p id = "result" style = "font-size : 20px"></p> <script> // Changing paragraph text with id text document.getElementById("text").innerHTML = "Hi, " // Changing paragraph text with id person document.getElementById("person").innerHTML = "Devika Rani"; // Adding text to result id paragraph const text = document.getElementById("text").textContent; const person = document.getElementById("person").textContent; document.getElementById("result").innerHTML = text + person; </script> </body> </html>
示例 2
我们还可以在行末使用注释来解释代码和正在发生的事情。例如，
<!DOCTYPE html> <html> <body> <h2 id="myHeader">Single line comments </h2> <p id = "result" style = "font-size : 20px"></p> <script> const value1 = 120; // assigning 120 to value1 variable const value2 = 50; // assigning 50 to value2 variable const res = value1 + value2; // adding value1 and value2 // Adding res to the result id paragraph document.getElementById("result").innerHTML = res; </script> </body> </html>
多行注释
字符 /* 和 */ 之间的任何文本都被视为注释。这可能跨越多行。我们可以使用它来注释单行以及多行。
语法
以下是多行注释的语法。
/* 这是 JavaScript 中的多行注释 … … */
JavaScript 引擎在编译时将忽略 /* 和 */ 之间的代码。
示例 3
在下面的示例中，我们使用多行注释来注释脚本块中的某些文本。
<!DOCTYPE html> <html> <body> <h2 id="textHeader"></h2> <p id="text"></p> <script> /* Here we will add text to header with id = "textHeader" and to the paragraph with id = "text" */ document.getElementById("textHeader").innerHTML = "Hello, "; document.getElementById("text").innerHTML = "Devika."; </script> </body> </html>
阻止执行
我们可以使用注释来阻止代码的执行。如果我们在代码行前面添加//，代码行将更改为注释。让我们看一个使用多行注释阻止代码执行的示例。
示例 4
在下面的示例中，我们对一些代码行进行注释，以便我们可以阻止这些代码行被执行。
<!DOCTYPE html> <html> <body> <h2 id="textHeader"></h2> <p id="text"></p> <script> document.getElementById("textHeader").innerHTML = "Hello, "; document.getElementById("text").innerHTML = "Devika"; /*document.getElementById("textHeader").innerHTML = "Hi, "; document.getElementById("text").innerHTML = "Devika Rani"; */ </script> </body> </html>
在这里，我们可以看到 h1 和 p 标签文本没有改变，因为我们注释了该代码。引擎将跳过它。
希望本教程能够澄清 JavaScript 中的注释
