带标签语句
试一试
语法
描述
您可以使用标签来标识语句,然后使用 break
或 continue
语句引用它。请注意,JavaScript *没有* goto
语句;您只能将标签与 break
或 continue
一起使用。
任何引用 label
的 break label;
或 continue label;
必须包含在由 label
标记的 statement
中。将 label
视为仅在 statement
的范围内可用的变量。
如果在执行 statement
时遇到 break label;
语句,则 statement
的执行将终止,并且执行将从带标签语句之后的语句继续。
continue label;
仅当 statement
是循环语句之一时才能使用。如果在执行 statement
时遇到 continue label;
语句,则 statement
的执行将从循环的下一轮迭代继续。没有标签的 continue;
只能继续最内层的循环,而 continue label;
允许继续任何给定的循环,即使语句嵌套在其他循环中。
一个语句可以有多个标签。在这种情况下,所有标签在功能上都是等效的。
示例
将带标签的 continue 与 for 循环一起使用
// The first for statement is labeled "loop1"
loop1: for (let i = 0; i < 3; i++) {
// The second for statement is labeled "loop2"
loop2: for (let j = 0; j < 3; j++) {
if (i === 1 && j === 1) {
continue loop1;
}
console.log(`i = ${i}, j = ${j}`);
}
}
// Logs:
// i = 0, j = 0
// i = 0, j = 1
// i = 0, j = 2
// i = 1, j = 0
// i = 2, j = 0
// i = 2, j = 1
// i = 2, j = 2
请注意它如何跳过“i = 1, j = 1”和“i = 1, j = 2”。
将带标签的 break 与 for 循环一起使用
let i, j;
// The first for statement is labeled "loop1"
loop1: for (i = 0; i < 3; i++) {
// The second for statement is labeled "loop2"
loop2: for (j = 0; j < 3; j++) {
if (i === 1 && j === 1) {
break loop1;
}
console.log(`i = ${i}, j = ${j}`);
}
}
// Logs:
// i = 0, j = 0
// i = 0, j = 1
// i = 0, j = 2
// i = 1, j = 0
请注意与之前的 continue
示例的区别:当遇到 break loop1
时,外部循环的执行将终止,因此在“i = 1, j = 0”之后没有进一步的日志;当遇到 continue loop1
时,外部循环的执行将从下一轮迭代继续,因此仅跳过“i = 1, j = 1”和“i = 1, j = 2”。
使用带标签的 continue 语句
给定一个项目数组和一个测试数组,此示例计算通过所有测试的项目数量。
// Numbers from 1 to 100
const items = Array.from({ length: 100 }, (_, i) => i + 1);
const tests = [
{ pass: (item) => item % 2 === 0 },
{ pass: (item) => item % 3 === 0 },
{ pass: (item) => item % 5 === 0 },
];
let itemsPassed = 0;
itemIteration: for (const item of items) {
for (const test of tests) {
if (!test.pass(item)) {
continue itemIteration;
}
}
itemsPassed++;
}
请注意 continue itemIteration;
语句如何跳过当前项目的其余测试以及更新 itemsPassed
计数器的语句,并继续下一个项目。如果您不使用标签,则需要使用布尔标志代替。
// Numbers from 1 to 100
const items = Array.from({ length: 100 }, (_, i) => i + 1);
const tests = [
{ pass: (item) => item % 2 === 0 },
{ pass: (item) => item % 3 === 0 },
{ pass: (item) => item % 5 === 0 },
];
let itemsPassed = 0;
for (const item of items) {
let passed = true;
for (const test of tests) {
if (!test.pass(item)) {
passed = false;
break;
}
}
if (passed) {
itemsPassed++;
}
}
使用带标签的 break 语句
给定一个项目数组和一个测试数组,此示例确定所有项目是否都通过所有测试。
// Numbers from 1 to 100
const items = Array.from({ length: 100 }, (_, i) => i + 1);
const tests = [
{ pass: (item) => item % 2 === 0 },
{ pass: (item) => item % 3 === 0 },
{ pass: (item) => item % 5 === 0 },
];
let allPass = true;
itemIteration: for (const item of items) {
for (const test of tests) {
if (!test.pass(item)) {
allPass = false;
break itemIteration;
}
}
}
同样,如果您不使用标签,则需要使用布尔标志代替。
// Numbers from 1 to 100
const items = Array.from({ length: 100 }, (_, i) => i + 1);
const tests = [
{ pass: (item) => item % 2 === 0 },
{ pass: (item) => item % 3 === 0 },
{ pass: (item) => item % 5 === 0 },
];
let allPass = true;
for (const item of items) {
let passed = true;
for (const test of tests) {
if (!test.pass(item)) {
passed = false;
break;
}
}
if (!passed) {
allPass = false;
break;
}
}
使用带标签的块和 break
您可以标记循环以外的语句,例如简单的块,但只有 break
语句可以引用非循环标签。
foo: {
console.log("face");
break foo;
console.log("this will not be executed");
}
console.log("swap");
// Logs:
// "face"
// "swap"
带标签的函数声明
标签只能应用于语句,而不是声明。存在一个允许在非严格代码中标记函数声明的遗留语法
L: function F() {}
但是,在严格模式代码中,这将抛出SyntaxError
"use strict";
L: function F() {}
// SyntaxError: functions cannot be labelled
非普通函数,例如生成器函数和异步函数既不能在严格代码中标记,也不能在非严格代码中标记
L: function* F() {}
// SyntaxError: generator functions cannot be labelled
带标签的函数声明语法已弃用,您不应使用它,即使在非严格代码中也不应使用。您实际上无法在函数体中跳转到此标签。
规范
规范 |
---|
ECMAScript 语言规范 # sec-labelled-statements |
浏览器兼容性
BCD 表仅在浏览器中加载