JavaScript 注释
注释是给开发人员看的,程序在执行时会自动忽略注释的内容,所以我们通常使用注释来为代码添加一些解释说明或描述,以提高代码的可读性。JavaScript 中的注释与 C/C++、Java、PHP 等语言中注释的定义方式相同,支持单行注释和多行注释两种风格。
行注释
第一种是 // 风格的注释;会将该行中符号以后的文本都视为注释:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript 基础 - 注释</title>
</head>
<body>
<script>
// 这种是单行注释的语法
// 一次只能注释一行
// 可以重复注释
document.write('嗨');
</script>
</body>
</html>
块注释
第二种是 / / 风格的注释,这种方式更加灵活:
比如,可以在单行内使用多行注释:
function comment() {
/* 这是单行注释 */
console.log("Hello world!");
}
comment();
也可以用来实现多行注释:
function comment() {
/* 这是多行注释,
注意在写完注释前无需终止注释 */
console.log("Hello world!");
}
comment();
多行注释也可以用于行内注释,但这样会使代码可读性变差,所以要谨慎使用:
function comment(x) {
console.log("Hello " + x /* 引入 x 的值 */ + " !");
}
comment("world");
使用注释来阻止执行
在下面的例子中,注释用于阻止其中一条代码行的执行(可用于调试):
举例说明:
// document.getElementById("myH1").innerHTML="欢迎来到我的主页";
document.getElementById("myP").innerHTML="这是我的第一个段落。";
在下面的例子中,注释用于阻止代码块的执行(可用于调试):
/*
document.getElementById("myH1").innerHTML="欢迎来到我的主页";
document.getElementById("myP").innerHTML="这是我的第一个段落。";
*/
另外一个例子:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript</title>
</head>
<body>
<div id="demo"></div>
<script>
document.getElementById("demo").innerHTML = "JavaScript教程";
// document.getElementById("demo").innerHTML = "JavaScript";
/*
document.getElementById("demo").innerHTML = "注释";
document.getElementById("demo").innerHTML = "JavaScript注释";
*/
</script>
</body>
</html>
在行末使用注释
在下面的例子中,我们把注释放到代码行的结尾处:
var x=5; // 声明 x 并把 5 赋值给它
var y=x+2; // 声明 y 并把 x+2 赋值给它