JavaScript 注释 详解
JavaScript基础 2022-04-22 18:47:12小码哥的IT人生shichen
JavaScript 注释
JavaScript 注释用于解释 JavaScript 代码，增强其可读性。
JavaScript 注释也可以用于在测试替代代码时阻止执行。
单行注释
单行注释以 // 开头。
任何位于 // 与行末之间的文本都会被 JavaScript 忽略（不会执行）。
本例在每条代码行之前使用单行注释：
示例：
// 改变标题：
document.getElementById("myH").innerHTML = "我的第一张页面";
// 改变段落：
document.getElementById("myP").innerHTML = "我的第一个段落。";
完整实例：
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>JavaScript注释</title>
</head>
<body>
<div id="myH"></div>
<div id="myP"></div>
<script>
// 改变标题：
document.getElementById("myH").innerHTML = "我的第一张页面";
// 改变段落：
document.getElementById("myP").innerHTML = "我的第一个段落。";
</script>
</body>
</html>
运行结果：
我的第一张页面 我的第一个段落。
本例在每行结尾处使用了单行注释来解释代码：
示例：
var x = 5; // 声明 x，为其赋值 5
var y = x + 2; // 声明 y，为其赋值 x + 2完整实例：
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>JavaScript注释</title>
</head>
<body>
<script>
var x = 5; // 声明 x，为其赋值 5
var y = x + 2; // 声明 y，为其赋值 x + 2
console.log(y); //输出y
</script>
</body>
</html>
运行结果（控制台输出y的值）：
7
多行注释
多行注释以 /* 开头，以 */ 结尾。
任何位于 /* 和 */ 之间的文本都会被 JavaScript 忽略。
本例使用多行注释（注释块）来解释代码：
示例：
/*
下面的代码会改变
网页中
id = "myH" 的标题
以及 id = "myP" 的段落：
*/
document.getElementById("myH").innerHTML = "我的第一张页面";
document.getElementById("myP").innerHTML = "我的第一个段落。";
完整实例：
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>JavaScript注释</title>
</head>
<body>
<div id="myH"></div>
<div id="myP"></div>
<script>
/*
下面的代码会改变
网页中
id = "myH" 的标题
以及 id = "myP" 的段落：
*/
document.getElementById("myH").innerHTML = "我的第一张页面";
document.getElementById("myP").innerHTML = "我的第一个段落。";
</script>
</body>
</html>
运行结果：
我的第一张页面 我的第一个段落。
注释：使用单行注释最为常见。
提示：注释块常用于官方声明。
使用注释来阻止执行
使用注释来防止代码执行很适合代码测试。
在代码行之前添加 // 会把可执行的代码行更改为注释。
本例使用 // 来阻止代码行的执行：
示例：
//document.getElementById("myH").innerHTML = "我的第一张页面";
document.getElementById("myP").innerHTML = "我的第一个段落。";
完整实例：
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>JavaScript注释</title>
</head>
<body>
<div id="myH"></div>
<div id="myP"></div>
<script>
//document.getElementById("myH").innerHTML = "我的第一张页面";
document.getElementById("myP").innerHTML = "我的第一个段落。";
</script>
</body>
</html>
运行结果：
我的第一个段落。
本例使用注释块来阻止多行代码的执行：
示例：
/*
document.getElementById("myH").innerHTML = "我的第一张页面";
document.getElementById("myP").innerHTML = "我的第一个段落。";
*/完整实例：
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>JavaScript注释</title>
</head>
<body>
<div id="myH"></div>
<div id="myP"></div>
<script>
/*
document.getElementById("myH").innerHTML = "我的第一张页面";
document.getElementById("myP").innerHTML = "我的第一个段落。";
*/
</script>
</body>
</html>
运行上述实例，输出为空。
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
相关阅读
- node.js实例：使用 crypto 模块获取apk文件 md5 值
- node.js实例：使用 adbkit-apkreader 模块获取apk文件包
- node.js实例：使用 xpath-html 模块基于XPath模式获取ht
- node.js实例：使用pinyin-pro模块实现中文转拼音首字母
- node.js实例：axios模块根据URL获取网页源码
- node.js实例：使用crypto进行加密【MD5、SHA1、HMAC、AE
- JSTL fn:trim() 函数
- JSTL fn:toUpperCase() 函数
- JSTL fn:toLowerCase() 函数
- JSTL fn:substringBefore() 函数
