【Flutter 學習筆記】如何使用單行與多行註解

更新於 發佈於 閱讀時間約 4 分鐘
raw-image
【Flutter 學習筆記】線上課程教學影片:連結
【Flutter 學習筆記】系列文章目錄:連結

在程式開發的過程中,註解是一個不可或缺的工具。它不僅能幫助開發者快速了解程式碼的運算邏輯,還能在未來的維護中提供重要的參考。就像在程式碼中貼上便利貼,提醒未來的自己或他人該段程式碼的功能與用途。本文將介紹如何在 Dart 語言中使用單行與多行註解,並分享一些實用的技巧。

1. 單行註解

在 Dart 中,使用 // 來進行單行註解。這意味著註解後面的文字將不會被編譯或執行。舉個例子,假設我們有以下程式碼:

void main() {
// print("哈囉, HKT 線上教室!");
}

在這段程式碼中,print 函式被註解掉,因此這行程式碼不會被執行,輸出資訊區中也不會顯示任何內容。這種方式非常適合用來暫時隱藏某些程式碼,或是為特定行程式碼提供簡短的說明。

2. 多行註解

當需要撰寫較長的說明或註解多行程式碼時,可以使用 /**/ 來進行多行註解。這種註解方式不僅能提高程式碼的可讀性,還能方便其他開發者理解你的用途。以下是一個範例:

void main() {
/*
print("哈囉, HKT 線上教室!");
print("哈囉, HKT 線上教室!");
print("哈囉, HKT 線上教室!");
*/
}

在這段程式碼中,三行 print 函式都被包裹在多行註解中,因此這些內容將不會被執行。這樣的做法可以幫助我們在開發過程中暫時隱藏某些程式碼,或是新增詳細的註解說明,讓未來的維護工作更加輕鬆。

3. 註解的快捷鍵

在使用 Visual Studio Code 或 IntelliJ IDEA 進行開發時,熟悉註解的快捷鍵可以大幅提升工作效率。

Visual Studio Code

  • 單行註解快捷鍵
    • Windows: 將游標停留在要註解的行上,然後按下 Ctrl + /
    • macOS: 將游標停留在要註解的行上,然後按下 Command + /
  • 多行註解快捷鍵
    • Windows: 選取要註解的程式碼區塊,然後按下 Shift + Alt + A
    • macOS: 選取要註解的程式碼區塊,然後按下 Option + Shift + A

IntelliJ IDEA

  • 單行註解快捷鍵
    • Windows: 將游標停留在要註解的行上,然後按下 Ctrl + /
    • macOS: 將游標停留在要註解的行上,然後按下 Command + /
  • 多行註解快捷鍵
    • Windows: 選取要註解的程式碼區塊,然後按下 Ctrl + Shift + /
    • macOS: 選取要註解的程式碼區塊,然後按下 Command + Shift + /

結論

養成良好的註解習慣對於未來的程式維護將大有幫助。許多開發者常常自信地認為自己會記得當初寫程式的思路與原因,但實際上,當他們在一週或兩週後再次查看自己的程式碼時,往往需要花費大量時間去理解當初的邏輯。因此,與其等到事後再去回憶,不如在當下就為程式碼新增清晰的註解,這樣可以有效節省未來的時間與精力。希望這篇文章

留言
avatar-img
留言分享你的想法!
avatar-img
HKT實驗室
22會員
261內容數
哈囉!歡迎光臨我的沙龍!我是 KT,一位對應用程式開發充滿熱情的開發者。在這個專屬空間,我將與您分享我在應用開發領域的深入學習心得和豐富的實戰經驗。如果您對應用程式開發技術同樣充滿好奇,渴望不斷探索新知,歡迎成為我們的會員,一起在應用程式開發的旅途上,探索更深層次的技術世界,享受學習的樂趣。
HKT實驗室的其他內容
2024/11/18
在 Dart 程式語言中,除了位置參數和預設參數值外,具名參數的使用讓函式的呼叫變得更加清晰且易於理解。特別是在參數較多的情況下,具名參數的優勢尤為明顯。本篇文章將深入探討如何定義和使用具名參數,並透過實際範例來加深讀者的理解。
Thumbnail
2024/11/18
在 Dart 程式語言中,除了位置參數和預設參數值外,具名參數的使用讓函式的呼叫變得更加清晰且易於理解。特別是在參數較多的情況下,具名參數的優勢尤為明顯。本篇文章將深入探討如何定義和使用具名參數,並透過實際範例來加深讀者的理解。
Thumbnail
2024/11/17
在 Dart 程式語言中,函式不僅可以接收參數,還能為這些參數設定預設值。這樣的設計使得函式的呼叫更加靈活,並且簡化了程式碼的撰寫。本文將深入探討如何定義具有預設參數值的函式,並透過實際範例來加深理解。
Thumbnail
2024/11/17
在 Dart 程式語言中,函式不僅可以接收參數,還能為這些參數設定預設值。這樣的設計使得函式的呼叫更加靈活,並且簡化了程式碼的撰寫。本文將深入探討如何定義具有預設參數值的函式,並透過實際範例來加深理解。
Thumbnail
2024/11/16
在 Dart 程式語言中,函式不僅能執行特定任務,還能回傳值,這使得函式在程式中更具彈性和重用性。本篇文章將深入探討如何定義一個具有回傳值的函式,並透過實際範例來幫助大家理解其結構與用途。
Thumbnail
2024/11/16
在 Dart 程式語言中,函式不僅能執行特定任務,還能回傳值,這使得函式在程式中更具彈性和重用性。本篇文章將深入探討如何定義一個具有回傳值的函式,並透過實際範例來幫助大家理解其結構與用途。
Thumbnail
看更多
你可能也想看
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
我的「媽」呀! 母親節即將到來,vocus 邀請你寫下屬於你的「媽」故事——不管是紀錄爆笑的日常,或是一直想對她表達的感謝,又或者,是你這輩子最想聽她說出的一句話。 也歡迎你曬出合照,分享照片背後的點點滴滴 ♥️ 透過創作,將這份情感表達出來吧!🥹
Thumbnail
我的「媽」呀! 母親節即將到來,vocus 邀請你寫下屬於你的「媽」故事——不管是紀錄爆笑的日常,或是一直想對她表達的感謝,又或者,是你這輩子最想聽她說出的一句話。 也歡迎你曬出合照,分享照片背後的點點滴滴 ♥️ 透過創作,將這份情感表達出來吧!🥹
Thumbnail
在本篇教學中,我們介紹了 Flutter 中的 Row 和 Column 佈局容器,並探討了它們的基本用法及進階技巧。此外,我們還提到如何使用快捷鍵來格式化程式碼,以提升可讀性。
Thumbnail
在本篇教學中,我們介紹了 Flutter 中的 Row 和 Column 佈局容器,並探討了它們的基本用法及進階技巧。此外,我們還提到如何使用快捷鍵來格式化程式碼,以提升可讀性。
Thumbnail
本文介紹了 Dart 中具有參數的函式。具有參數的函式允許靈活地處理不同輸入,增強程式碼的模組化和可重用性。透過範例說明,讀者能夠理解如何定義和使用這些函式,並掌握進階概念以提升程式設計能力。
Thumbnail
本文介紹了 Dart 中具有參數的函式。具有參數的函式允許靈活地處理不同輸入,增強程式碼的模組化和可重用性。透過範例說明,讀者能夠理解如何定義和使用這些函式,並掌握進階概念以提升程式設計能力。
Thumbnail
從今天開始往後的的內容會有許多的「註解」,程式不會執行被註解的內容,註解只是方便開發者辨識。JS內的註解主要有兩種。單行註解是在程式碼前方加上//,可以透過快捷鍵cmd(ctrl) + / 完成。多行註解則是用/* 及 */前後包夾要註解的內容。 轉換環境 從上個單元的經驗,有些人可能會發現
Thumbnail
從今天開始往後的的內容會有許多的「註解」,程式不會執行被註解的內容,註解只是方便開發者辨識。JS內的註解主要有兩種。單行註解是在程式碼前方加上//,可以透過快捷鍵cmd(ctrl) + / 完成。多行註解則是用/* 及 */前後包夾要註解的內容。 轉換環境 從上個單元的經驗,有些人可能會發現
Thumbnail
在這篇文章中,我們介紹了 Dart 中的字串資料類型,包括如何使用單引號和雙引號定義字串、如何建立多行字串,以及如何使用字串插入。字串資料型態在處理文字、顯示訊息或進行字串操作時非常實用,開發者可以根據需求靈活運用這些特性。
Thumbnail
在這篇文章中,我們介紹了 Dart 中的字串資料類型,包括如何使用單引號和雙引號定義字串、如何建立多行字串,以及如何使用字串插入。字串資料型態在處理文字、顯示訊息或進行字串操作時非常實用,開發者可以根據需求靈活運用這些特性。
Thumbnail
本文介紹了在 Dart 語言中使用單行和多行註解的方式及其作用。同時分享了在 Visual Studio Code 和 IntelliJ IDEA 中進行註解的快捷鍵。結論指出養成良好註解習慣對未來程式維護大有裨益,應及時為程式碼添加清晰註解。
Thumbnail
本文介紹了在 Dart 語言中使用單行和多行註解的方式及其作用。同時分享了在 Visual Studio Code 和 IntelliJ IDEA 中進行註解的快捷鍵。結論指出養成良好註解習慣對未來程式維護大有裨益,應及時為程式碼添加清晰註解。
Thumbnail
本文介紹如何建立第一個 Flutter 應用程式。如何在 Visual Studio Code 中建立專案,包括專案類型選擇、存放位置設定等。還介紹了在 iOS、Android 模擬器、真實設備及建立 Web、桌面應用程式執行的方法
Thumbnail
本文介紹如何建立第一個 Flutter 應用程式。如何在 Visual Studio Code 中建立專案,包括專案類型選擇、存放位置設定等。還介紹了在 iOS、Android 模擬器、真實設備及建立 Web、桌面應用程式執行的方法
Thumbnail
程式註解在程式開發中扮演重要角色,像是附上便利貼般,幫助開發者快速理解程式碼功能。
Thumbnail
程式註解在程式開發中扮演重要角色,像是附上便利貼般,幫助開發者快速理解程式碼功能。
Thumbnail
IntelliJ IDEA 具有強大的智慧化提示功能,能快速完成程式碼。且關閉大小寫判斷,能大幅提升智慧提示功能。
Thumbnail
IntelliJ IDEA 具有強大的智慧化提示功能,能快速完成程式碼。且關閉大小寫判斷,能大幅提升智慧提示功能。
Thumbnail
調試(Debugging): 開始調試:F5 逐步執行:F10, F11 設置/刪除斷點:F9 停止調試:Shift + F5 調試視窗:Ctrl + Alt + P 調試選項:Alt + F7 編輯(Editing): 自動排版程式碼:Ctrl + K, Ctrl + D 快速註解/取消註解:Ct
Thumbnail
調試(Debugging): 開始調試:F5 逐步執行:F10, F11 設置/刪除斷點:F9 停止調試:Shift + F5 調試視窗:Ctrl + Alt + P 調試選項:Alt + F7 編輯(Editing): 自動排版程式碼:Ctrl + K, Ctrl + D 快速註解/取消註解:Ct
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News