写在前面的话
我会将过去几年学到的 Canvas 制图理论、实践进行浓缩、并编辑成册。希望通过体系化的内容组织助你快速入门、深入理解 Canvas。当然,因篇幅有限,本课程可能无法做到面面俱到,但是有了核心知识的积累,不论是继续阅读 Canvas 系列书籍,还是进一步扩展 Canvas 的学习领域、如 3D 制图等,都能做到左右逢源。
本 Canvas 系列课程已经编辑成册并陆续更新,下面是已更新章节传送门:
《Canvas 自动化制图必知必会-导读篇》
《Canvas 上下文详解》
《一文读懂 Canvas 中的 scale 与 translate》
《一文读懂 Canvas 中 rotate 与 skew 操作》
《Canvas 矩阵镜像那些你不得不知的数学原理》
话不多说,直接进入正题。
1.什么是JavaScript标签
JavaScript的标签是可以与 break 和 continue 一起使用的语句的别名,标签是循环跳出标识符,如果我们有嵌套循环并且我们想在中间中断循环,则标签很有用。下面是创建标签的语法:
LabelName: (LabelName can be any user defined thing)
if(1) {
// your code
}
2.JavaScript标签作用
2.1 跳出循环
当想在嵌套循环中跳出就需要使用标签。
使用Label标签可以有效避免多重break语句,比如示例代码通过在外层循环中添加一个标签,内层循环就可以在任意时候跳转到该标签。
2.2 用于创建命名代码块,从而根据不同条件在命名块之间跳转
continue语句无法在命名代码块中使用,其仅能用于循环内部,但是命名代码块可以。
2.3 使用标签退出if代码块
在这个代码示例中,如果没有通过if判断,实际上是不能运行任何代码。但是,此处的break语句无法退出if,因此需要在if判断语句中添加额外的代码。但是,使用标签就可以很容易地解决这个问题。
参考资料
https://rahuulmiishra.medium.com/javascript-label-rarely-used-js-concepts-6b48ac8595ce