寫在前面的話
我會将過去幾年學到的 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