JavaScript 折疊代碼 不同于傳統的編程語言，JavaScript 代碼分為 HTML 頁面嵌入的腳本和單獨的 .js 文件。在開發中，經常會出現需要快速查看但不需要修改或執行某一部分代碼的場景。這時候就需要使用代碼折疊功能。 代碼折疊功能，通常也叫作代碼收縮或折疊，是許多主流代碼編輯器和開發環境都支持的一個功能。它能夠將代碼塊清晰地分組和摘要，讓開發人員更容易地瀏覽、分析、甚至編輯代碼。在 JavaScript 中，我們可以使用一些編程技巧和快捷鍵，實現快速折疊編碼的效果。 首先，我們需要知道如何折疊 JavaScript 代碼的基本方法。在常見的編輯器（如 VSCode、Sublime Text、Atom）中，只需要選中一段代碼，然后按下快捷鍵 `Ctrl + Shift + [`，就可以將代碼塊折疊起來。相反，用 `Ctrl + Shift + ]` 快捷鍵可以展開被折疊的代碼塊。有些編輯器還支持以行為單位折疊代碼，例如在 VSCode 中，用 `Ctrl + Shift + K` 可以折疊選中行上方的代碼，而 `Ctrl + K Ctrl + J` 則會展開全部代碼。 這是一個簡單的示例，展示了如何在 JavaScript 中使用代碼折疊的功能。

<script>
function hello(name) {
console.log("Hello, " + name + "!");
}
function goodbye(name) {
console.log("Goodbye, " + name + "!");
}
function main() {
hello("Alice");
goodbye("Bob");
}
main();
</script>

使用快捷鍵 `Ctrl + Shift + [` 折疊 `hello()` 和 `goodbye()` 函數的代碼塊，可以得到下面的效果：

<script>
function hello(name) { ... }
function goodbye(name) { ... }
function main() {
hello("Alice");
goodbye("Bob");
}
main();
</script>

另外，有些編程工具可以根據代碼結構自動折疊代碼塊，這些工具通常被稱為“智能折疊”或“代碼塊折疊”。在 VSCode 中，我們可以通過打開 `File >Preferences >Settings`，搜索“fold”，并開啟“Editor: Folding Strategy”選項，來啟用該功能。啟用智能折疊后，VSCode 將會自動根據代碼結構折疊不需要顯示的代碼塊。 總結來說，代碼折疊是一項簡單但十分有用的功能，能夠讓開發人員更高效地瀏覽和編輯代碼。尤其是在大型項目中，代碼折疊的使用能夠幫助開發人員更好地維護代碼和進行功能開發。