js--标签语法的使用
2021-10-17 14:05
1031 查看
前言
在日常开发中我们经常使用到递归、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); // 95continue 语句会强制循环继续执行,但不是继续执行内部循环,而是继续执行外部循环。当 i 和 j 都等于 5 时,会执行 continue ,跳到外部循环继续执行,从而导致内部循环少执行 5 次,结果 num 等于 95。
写在最后
组合使用标签语句和 break 、 continue 能实现复杂的逻辑,但也容易出错。注意标签要使用描述性强的文本,而嵌套也不要太深。
以上就是本文的全部内容,希望给读者带来些许的帮助和进步,方便的话点个关注,小白的成长踩坑之路会持续更新一些工作中常见的问题和技术点。
相关文章推荐
- CodeSmith使用基础教程 (2) — 语法、标签
- js中使用struts2标签
- js使用html()或text()方法获取设置p标签的显示的值
- CodeSmith使用基础教程 二 — 语法、标签
- HTML5 标签语法变化和使用概念
- html dl dt dd标签元素语法结构与使用
- 使用EasyUI时导入jquery.min.js包,报语法错误的解决办法。
- Flex标签语法的使用
- 使用js去掉pre标签前面的空格
- 点击checkbox使用js取table中tr下td中的各个标签value
- Jquery 模板插件 jquery.tmpl.js 的使用方法(1):基本语法,绑定,each循环,ajax获取json数据
- ie6下使用js替换img标签src地址显示不了
- 实例分析js和C#中使用正则表达式匹配a标签
- IE (6-11)版本,在使用iframe的框架时,通过a标签javascript:; 和js跳转parent.location的时候 出现在新页面打开的情况
- 使用JS对select标签进行联动选择
- struts2的标签在JS中的使用
- Flex标签语法的使用
- 使用js在IE9中获取标签自定义属性
- JSP基础语法之十六:JSTL配置和核心标签(C)的使用
- JS中使用JSTL标签