在 ECMAScript 2021 中，标签语句是一种标志代码块的特殊语法结构。标签语句可以用于控制代码块、循环或是跳出多层嵌套的语句执行，同时也有助于程序代码的可读性和可维护性。在这篇文章中，我们将深入学习 ECMAScript 2021 中的标签语句，帮助你更好地了解和应用它们到你的前端编程中。
标签语句的基本用法
标签语句是由一个标识符和冒号组成的形式，例如：
myLabel: for (let i = 0; i < 10; i++) {
// some code here
}在上面的例子中，myLabel 就是一个标签，它用于标识 for 循环语句。一旦定义了这个标签，我们可以在循环中使用 break 和 continue 语句来控制循环的执行。例如：
myLabel: for (let i = 0; i < 10; i++) {
if (i === 5) {
break myLabel;
}
console.log(i);
}
// Output: 0, 1, 2, 3, 4在上面的例子中，当 i 等于 5 时，我们使用 break 语句指定了要跳出的循环的标签 myLabel。这样，控制流就会跳转到标签后面的语句处。
如果我们想要继续执行循环，可以使用 continue 语句，例如：
myLabel: for (let i = 0; i < 10; i++) {
if (i === 5) {
continue myLabel;
}
console.log(i);
}
// Output: 0, 1, 2, 3, 4, 6, 7, 8, 9在上面的例子中，当 i 等于 5 时，使用 continue 语句跳过本次迭代并继续执行循环。
标签语句的高级用法
除了基本用法，在某些情况下，标签语句也可以用于实现更复杂的控制流。例如，我们可以使用标签语句和 break 语句来跳出多层嵌套的语句执行，例如：
-- -------------------- ---- -------
------ --- ---- - - -- - - --- ---- -
------ --- ---- - - -- - - --- ---- -
-- -- --- - -- - --- -- -
----- ------
-
-------------- ---
-
-
-- -------
-- - -
-- - -
-- ---
-- - -在上面的例子中，我们定义了两个嵌套的 for 循环语句，并为外层循环定义了一个标签 outer。当内层循环中的 i 和 j 都等于 5 时，我们使用 break outer 语句跳出了外层循环，这样就不必遍历全部的循环。
另外，还可以将标签语句和 if 或 switch 语句一起使用，实现更丰富的条件控制语法。例如：
-- -------------------- ---- -------
-------- -- ------------ -
-- ---- ---- ----
-- ------------ -
-- ---- ---- ----
-- ------------ -
-- ---- ---- ----
----- --------
-
-- ---- ---- ----
-
-- ---- ---- ----
-
-- ---- ---- ----在上面的例子中，我们使用标签语句来定义了一个包含多个嵌套 if 语句的代码块，并在内层的条件语句满足时使用 break 语句跳出循环。这种写法可以使代码更加优雅，提高可读性和可维护性。
总结
标签语句是 ECMAScript 2021 中一个强大的控制流结构，可以用于控制循环、跳出多层嵌套的语句执行，同时也可以通过标签语句和 if 或 switch 语句一起使用，实现更丰富的条件控制语法。掌握标签语句的基本和高级用法有助于你在前端编程中提高代码的可读性和可维护性，同时也为你实现更复杂的逻辑条件提供了更多可能性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6493c41148841e9894160dea