JS label

🌙
手机阅读
本文目录结构

功能

标记语句可以和 break 或 continue 语句一起使用。标记就是在一条语句前面加个可以引用的标识符(identifier)。

用法

  1. var str = "";
  2. loop1:
  3. for (var i = 0; i < 5; i++) {
  4. if (i === 1) {
  5. continue loop1;
  6. }
  7. str = str + i;
  8. }
  9. console.log(str);
  10. // expected output: "0234"

备注:使用标记的循环或语句块非常罕见。通常情况下,可以使用函数调用而不是(基于标记的)循环跳转。

语法

  1. label :
  2. statement

label

任何不属于保留关键字的 JavaScript 标识符。

statement

JavaScript 语句。break 可用于任何标记语句,而 continue 可用于循环标记语句。

描述

可使用一个标签来唯一标记一个循环,然后使用 break 或 continue 语句来指示程序是否中断循环或继续执行。

需要注意的是,JavaScript 没有 goto 语句,标记只能和 break 或 continue 一起使用。

在严格模式中,你不能使用 “let” 作为标签名称。它会抛出一个 SyntaxError(因为 let 是一个保留的标识符)。

示例

在 for 循环中使用带标记的 continue 语句

  1. var i, j;
  2. loop1:
  3. for (i = 0; i < 3; i++) { //The first for statement is labeled "loop1"
  4. loop2:
  5. for (j = 0; j < 3; j++) { //The second for statement is labeled "loop2"
  6. if (i === 1 && j === 1) {
  7. continue loop1;
  8. }
  9. console.log('i = ' + i + ', j = ' + j);
  10. }
  11. }
  12. // Output is:
  13. // "i = 0, j = 0"
  14. // "i = 0, j = 1"
  15. // "i = 0, j = 2"
  16. // "i = 1, j = 0"
  17. // "i = 2, j = 0"
  18. // "i = 2, j = 1"
  19. // "i = 2, j = 2"
  20. // Notice how it skips both "i = 1, j = 1" and "i = 1, j = 2"

使用带标记的 continue 语句

若给定一个数据数组和一个测试数组,则下面的例子会统计通过测试的数据的数量。

  1. var itemsPassed = 0;
  2. var i, j;
  3. top:
  4. for (i = 0; i < items.length; i++) {
  5. for (j = 0; j < tests.length; j++) {
  6. if (!tests[j].pass(items[i])) {
  7. continue top;
  8. }
  9. }
  10. itemsPassed++;
  11. }

在 for 循环中使用带标记的 break

  1. var i, j;
  2. loop1:
  3. for (i = 0; i < 3; i++) { //The first for statement is labeled "loop1"
  4. loop2:
  5. for (j = 0; j < 3; j++) { //The second for statement is labeled "loop2"
  6. if (i == 1 && j == 1) {
  7. break loop1;
  8. }
  9. console.log("i = " + i + ", j = " + j);
  10. }
  11. }
  12. // Output is:
  13. // "i = 0, j = 0"
  14. // "i = 0, j = 1"
  15. // "i = 0, j = 2"
  16. // "i = 1, j = 0"
  17. // Notice the difference with the previous continue example

使用带标记的 break 语句

若给定一个数据数组和一个测试数组,则下面的例子会判断是否所有数据均通过了测试。

  1. var allPass = true;
  2. var i, j;
  3. top:
  4. for (i = 0; items.length; i++)
  5. for (j = 0; j < tests.length; i++)
  6. if (!tests[j].pass(items[i])){
  7. allPass = false;
  8. break top;
  9. }

在标记块中使用 break

你可以在代码块中使用标记,但只有 break 语句可以使用非循环标记。

  1. foo: {
  2. console.log('face');
  3. break foo;
  4. console.log('this will not be executed');
  5. }
  6. console.log('swap');
  7. // this will log:
  8. // "face"
  9. // "swap

标记函数声明

从 ECMAScript 2015 开始,标准的函数声明现在对规范的 Web 兼容性附件中的非严格代码进行了标准化。

  1. L: function F() {}

在严格模式中,这会抛出 SyntaxError:

  1. 'use strict';
  2. L: function F() {}
  3. // SyntaxError: functions cannot be labelled

无论是否处于严格模式下,生成器函数都不能被标记:

  1. L: function* F() {}
  2. // SyntaxError: generator functions cannot be labelled

规范

规范 状态 备注
ECMAScript 3rd Edition (ECMA-262) Standard Initial definition. Implemented in JavaScript 1.2
ECMAScript 5.1 (ECMA-262)
Labelled statement
Standard
ECMAScript 2015 (6th Edition, ECMA-262)
Labelled statement
Standard
ECMAScript Latest Draft (ECMA-262)
Labelled statement
Draft

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了