在日常开发中我们经常使用到递归、break、continue、return等语句改变程序运行的位置，其实，在 JavaScript 中还提供了标签语句，用于标记指定的代码块，便于跳转到指定的位置。本文来记录一下标签语句的使用方法。

1.标签语句介绍

标签语句用于给语句加标签，标签可以与变量重名，它是一个独立的语法元素（既不是变量，也不是类型），其作用是标识”标签化语句（labeled statement)”相当于定位符，用于跳转到程序的任意位置，语法如下：

label: statement

例如：

    hello:console.log("hello")

标签语句可以改变程序的执行流程，类似于break,continue和return。其中break和continue可以和标签一起使用。

2.标签语句使用

（1）标签语句和 break 配合使用，跳出特定的循环

    let num = 0;
    mylabel:
    for (let i = 0; i < 10; i++) {
      for (let j = 0; j < 10; j++) {
        if (i == 5 && j == 5) {
          break mylabel;
        }
        num++;
      }
    }
    console.log(num); // 55

在这个例子中， outermost 标签标识的是第一个 for 语句。正常情况下，每个循环执行 10 次，意味着 num++ 语句会执行 100 次，而循环结束时 console.log 的结果应该是 100。但是， break 语句带来了一个变数，即要退出到的标签。添加标签不仅让 break 退出（使用变量 j 的）内部循环，也会退出（使用变量 i 的）外部循环。当执行到 i 和 j 都等于 5时，循环停止执行，此时 num 的值是 55。

（2）标签语句和 continue 配合使用

    let num = 0;
    mylabel:
    for (let i = 0; i < 10; i++) {
      for (let j = 0; j < 10; j++) {
        if (i == 5 && j == 5) {
          continue mylabel;
        }
        num++;
      }
    }
    console.log(num); // 95

continue 语句会强制循环继续执行，但不是继续执行内部循环，而是继续执行外部循环。当 i 和 j 都等于 5 时，会执行 continue ，跳到外部循环继续执行，从而导致内部循环少执行 5 次，结果 num 等于 95。

总结：

组合使用标签语句和 break 、 continue 能实现复杂的逻辑，但也容易出错。注意标签要使用描述性强的文本，而嵌套也不要太深。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• 如何用JS实现竖状的图片跑马灯效果

  这篇文章主要为大家详细介绍了原生JS实现图片跑马灯特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• Node.js中EventEmitter模块如何使用，要注意什么？

  这篇文章我们来了解Node.js中EventEmitter模块的使用，EventEmitter是 Node.js 的内置模块，能提供事件订阅机制，对此下文主要给大家讲讲要怎样使用它，感兴趣的朋友接下来就跟随小编来了解看看吧！

• JS函数同步是什么，怎样实现

  如果调用者在函数返回时能够获得预期结果(即获得预期返回值或看到预期效果)，则该函数同步。如果函数同步，即使调用函数执行的任务耗时，也会等到得到预期的结果。

• vue怎样自动导入公共组件？

  vue怎样自动导入公共组件？其实想要实现自动导入公共组件并不困难，但是有一些问题以及规则需要注意，下面小编就给大家介绍一下vue导入公共组件的方法和步骤。

• Cocos项目中技能冷却效果怎样实现，过程是怎样

  这篇文章主要介绍了Cocos项目中技能冷却效果怎样实现，过程是怎样相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇Cocos项目中技能冷却效果怎样实现，过程是怎样文章都会有所收获，下面我们一起来看看吧。