学习JavaScript笔记

简介: 学习JavaScript笔记

关于 JavaScript 标签与 break 和 continue 一起使用的理解。

break 的作用是跳出代码块, 所以 break 可以使用于循环和 switch 等

continue 的作用是进入下一个迭代, 所以 continue 只能用于循环的代码块。

代码块: 基本上是{}大括号之间

然后:

1. 默认标签的情况(除了默认标签情况,其他时候必须要有名标签,否则会有惊喜)

当 break 和 continue 同时用于循环时,没有加标签,此时默认标签为当前"循环"的代码块。

当 break 用于 switch 时,默认标签为当前的 switch 代码块:

有名标签的情况

cars=["BMW","Volvo","Saab","Ford"];

list:

{

   document.write(cars[0]+"");

   document.write(cars[1]+"");

   document.write(cars[2]+"");

   break list;

   document.write(cars[3]+"");

   document.write(cars[4]+"");

   document.write(cars[5]+"");

}

上述break list;会跳出list的代码块。如果将break换成continue会有惊喜,违反了明确中的第二点,因为list只是个普通代码块,而不是循环。除非list写成如下形式 list:

for(var i=0; i<10;++i)

{

   continue list;

}

有了标签,可以使用break和continue在多层循环的时候控制外层循环。

例如下面:

outerloop:

for(var i =0; i <10; i++)

{

   innerloop:

   for(var j =0; j <10; j++)

   {

       if(j >3)

       {

           break;

       }

       if(i ==2)

       {

           break innerloop;

       }

       if(i ==4)

       {

           break outerloop;

       }

       document.write("i="+ i +" j="+ j +"");

   }

}

目录
相关文章
|
6月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
6月前
|
前端开发
个人征信PDF无痕修改软件,个人征信模板可编辑,个人征信报告p图神器【js+html+css仅供学习用途】
这是一款信用知识学习系统,旨在帮助用户了解征信基本概念、信用评分计算原理及信用行为影响。系统通过模拟数据生成信用报告,涵盖还款记录
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
359 0
|
7月前
|
JavaScript 数据可视化 前端开发
three.js简单实现一个3D三角函数学习理解
1.Three.js简介 Three.js是一个基于JavaScript编写的开源3D图形库,利用WebGL技术在网页上渲染3D图形。它提供了许多高级功能,如几何体、纹理、光照、阴影等,以便开发者能够快速地创建复杂且逼真的3D场景。同时,Three.js还具有很好的跨平台和跨浏览器兼容性,让用户无需安装任何插件就可以在现代浏览器上观看3D内容。
255 0
|
Web App开发 JavaScript 前端开发
如何学习JavaScript?
如何学习JavaScript?
263 5
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
162 2
|
存储 JavaScript 前端开发
JavaScript学习第一章
本文档介绍了JavaScript的基础知识,包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性,以及JavaScript中的变量类型(`var`、`let`、`const`)和数据类型(基本数据类型与引用数据类型)。通过实例代码详细解释了JavaScript的核心概念,适合初学者入门学习。
185 1
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
141 2
|
JavaScript
js学习--开屏弹窗
js学习--开屏弹窗
148 1