前端技术分享-码匠 极客编程技术分享

您当前位于:HTML5冷知识 ——> Javascript中的Label语句
上一篇:没有了 下一篇:FOUC-加载网页时会出现短暂的CSS样式失效

Javascript中的Label语句

2015/05/04 21:48:50 | 作者:HTML5学堂(码匠) | 分类:HTML5冷知识 | 关键词:JS,label语句,label

Javascript中的Label语句

HTML5学堂:在JavaScript中,我们可能很少会去用到 Label 语句,但是熟练的应用 Label 语句,尤其是在嵌套循环中熟练应用 break, continue 与 Label 可以精确的返回到你想要的程序的位置。一起走进这个比较陌生的命令吧。

Label 语句,按书本上说的语法是

  1. Label: statement
  2. 如: begin: for (var i = 0; i < 10 ; i++ ){
  3.     alert(i);
  4. }

举一个比较典型的例子,看完后即明白 Label 的应用:(未添加 Label)

  1. var num = 0;
  2. for (var i = 0 ; i < 10 ; i++){
  3.     for (var j = 0 ; j < 10 ; j++){
  4.         if( i == 5 && j == 5 ){
  5.             break;
  6.         }
  7.         num++;
  8.     }
  9. }
  10. alert(num); // 循环在 i 为5,j 为5的时候跳出 j循环,但会继续执行 i 循环,输出 95

对比使用了 Label 之后的程序:(添加 Label 后)

  1. var num = 0;
  2. outPoint:
  3. for (var i = 0 ; i < 10 ; i++){
  4.     for (var j = 0 ; j < 10 ; j++){
  5.         if( i == 5 && j == 5 ){
  6.             break outPoint;
  7.         }
  8.         num++;
  9.     }
  10. }
  11. alert(num); // 循环在 i 为5,j 为5的时候跳出双循环,返回到outPoint层继续执行,输出 55

欢迎沟通交流~HTML5学堂

微信公众号,HTML5学堂,码匠,原创文章,WEB前端,技术分享

HTML5学堂

原创前端技术分享

HTML5学堂,HTML5,WEB,前端,视频课程,技术视频,学习视频,面试,JS

原创视频课程

用心打造精品课程

微信小程序,决胜前端,面试题,面试题集合,前端,HTML5,真题

小程序-决胜前端

前端面试题宝库

原创书籍,学习书籍,书籍推荐,HTML5布局之路,HTML5,WEB前端

HTML5布局之路

非传统模式讲解前端

上一篇:没有了 下一篇:FOUC-加载网页时会出现短暂的CSS样式失效