极客笔记JavaScript 标签语句
JavaScript标签是用于给标签添加标识符的语句。您可以通过任何名称指定标签，但不能使用保留字。在代码中，使用冒号（:）简单地将标签与标识符配对。
标签可以与 break 或 continue 语句一起使用，以更精确地控制代码的流程。标签可以应用于一段代码块或一个语句。
通过一些示例，我们将学习如何在 JavaScript 中定义和使用标签语句。
语法
label: statements
参数
label: 它是一个JavaScript标识符。可以用任何非保留关键字的名称来定义它。
Statements: 它是一个JavaScript语句，其中 break 只是与标记语句一起使用， continue 用于循环标记语句。
示例
让我们通过不同的示例来理解JavaScript标签的工作原理，以及它如何帮助打破或继续使用循环语句。
示例1：使用for循环的标签来打破循环
在这个示例中，我们将通过名称 innerloop 和 outerloop 定义两个标签，它们与for循环一起使用，以便在满足指定条件时打断循环的执行。
<html>
<body>
<script>
var i, j;
//Execution of outerloop and innerloop using label
document.write("Entering the loop!<br /> ");
outerloop: // This is the label name for the below loop
for (i = 0; i < 5; i++) {
document.write("<b> Outerloop i: </b>" + i + "</br>");
innerloop: //another label
for (j = 0; j <= 4; j++) {
//when j is greater than 3, quit the innermost loop
if (j > 3 ) {
document.write("<b> Break innermost loop when j>3 </b></br>");
break ;
}
// when i = 2, exit from innerloop
if (i == 2) {
document.write("<b> Break innerloop when i=2 </b></br>");
break innerloop;
}
// when i = 4, exit from outerloop too
if (i == 4) {
document.write("<b> Break outerloop when i=4 </b></br>");
break outerloop;
}
document.write("Innerloop execution j: " + j + " <br />");
}
}
document.write("Exit from all loops! </br> ");
</script>
</body>
</html>
输出
Entering the loop!
Outerloop i: 0
Innerloop execution j: 0
Innerloop execution j: 1
Innerloop execution j: 2
Innerloop execution j: 3
Break innermost loop when j>3
Outerloop i: 1
Innerloop execution j: 0
Innerloop execution j: 1
Innerloop execution j: 2
Innerloop execution j: 3
Break innermost loop when j>3
Outerloop i: 2
Break Innerloop when i=2
Outerloop i: 3
Innerloop execution j: 0
Innerloop execution j: 1
Innerloop execution j: 2
Innerloop execution j: 3
Break Innerloop when j>3
Outerloop i: 4
Break Outerloop when i=4
Exit from all loops!
示例2：使用for循环继续执行的标签
在这个示例中，我们将再次使用名称为innerloop和outerloop的两个标签。 但是现在它们将与for循环一起使用，以在满足指定条件时继续循环执行。
<html>
<body>
<script>
var i,j;
//Execution of loops using outerloop and innerloop label
document.write("Entering the loop! </br> ");
outerloop: // This is the label name
for (i = 0; i < 4; i++) {
document.write("<b> Outerloop: </b>" + i + "</br>");
innerloop:
for (j = 0; j < 4; j++) {
if (i > 2) {
document.write("<b> Continue Innerloop when i>2 </b></br>");
continue innerloop;
}
if (j == 3) {
document.write("<b> Continue Outerloop when j=3 </b></br>");
continue outerloop;
}
document.write("Innerloop execution: " + j + "<br />");
}
}
document.write("Exit from all loops!<br /> ");
</script>
</body>
</html>
输出
Entering the loop!
Outerloop i: 0
Innerloop execution j: 0
Innerloop execution j: 1
Innerloop execution j: 2
Continue Outerloop when j=3
Outerloop i: 1
Innerloop execution j: 0
Innerloop execution j: 1
Innerloop execution j: 2
Continue Outerloop when j=3
Outerloop i: 2
Innerloop execution j: 0
Innerloop execution j: 1
Innerloop execution j: 2
Continue Outerloop when j=3
Outerloop i: 3
Continue Innerloop when i>2
Continue Innerloop when i>2
Continue Innerloop when i>2
Continue Innerloop when i>2
Exit from all loops!
基本上，JavaScript中的标签语句控制程序的流程。现在，JavaScript程序员很少使用标签。