JavaScript 構建模組
在本模組中，我們將繼續涵蓋 JavaScript 的所有關鍵基礎功能，並將重點轉向常見的程式碼塊型別，例如條件語句、迴圈、函式和事件。你已經在課程中看到過這些內容，但只是略帶提及 - 在這裡我們將明確討論它們。
先決條件
在開始本模組之前，你應該熟悉 HTML 和 CSS 的基礎知識，並且還應該學習過我們之前的模組，JavaScript 初步學習。
指南
- 在程式碼中做出決策 — 條件語句
-
在任何程式語言中，程式碼都需要根據不同的輸入做出決策並執行相應的操作。例如，在一個遊戲中，如果玩家的生命值為 0，那麼遊戲結束。在一個天氣應用程式中，如果是在早上檢視，則顯示日出圖形；如果是在晚上，則顯示星星和月亮。在本文中，我們將探討條件結構在 JavaScript 中的工作原理。
- 迴圈程式碼
-
有時你需要連續執行一項任務多次。例如，檢視一個姓名列表。在程式設計中，迴圈可以很好地完成此工作。在這裡，我們將看看 JavaScript 中的迴圈結構。
- 函式 — 可重用的程式碼塊
-
編碼中的另一個重要概念是**函式。函式**使你能夠將執行單個任務的程式碼儲存在一個定義的塊中，然後使用單個簡短命令在需要時呼叫該程式碼 - 而不是必須多次鍵入相同的程式碼。在本文中，我們將探討函式背後的基本概念，例如基本語法、如何呼叫和定義函式、作用域和引數。
- 構建自己的函式
-
在處理完大多數基本理論之後，本文提供了實際體驗。在這裡，你將練習構建自己的自定義函式。在此過程中，我們還將解釋一些關於處理函式的其他有用細節。
- 函式返回值
-
你必須瞭解有關函式的最後一個基本概念是返回值。有些函式在完成之後不會返回有意義的值，而另一些函式則會返回。瞭解它們的值、如何在程式碼中使用它們以及如何使自己的自定義函式返回有用的值非常重要。
- 事件簡介
-
事件是在你正在程式設計的系統中發生的事件或事件，系統會通知你這些事件，以便你可以在需要時以某種方式對它們做出響應。例如，如果使用者單擊網頁上的一個按鈕，你可能希望透過顯示一個資訊框來響應該操作。在本文中，我們將討論圍繞事件的一些重要概念，並看看它們在瀏覽器中是如何工作的。
- 事件冒泡
-
本指南介紹了事件冒泡、事件捕獲和事件委託的概念，它們都與你在包含另一個元素的元素上新增監聽器時發生的事情有關，以及事件隨後發生在被包含的元素上。
評估
下面的評估將測試你對上面指南中介紹的 JavaScript 基礎知識的理解。
- 圖片庫
-
現在我們已經瞭解了 JavaScript 的基本構建塊，我們將透過構建一個在許多網站上都會看到的相當常見的專案 - 一個由 JavaScript 驅動的影像庫 - 來測試你對迴圈、函式、條件語句和事件的知識。
另請參閱
- 學習 JavaScript
-
一個面向有志於成為網路開發人員的優秀資源 - 在互動式環境中學習 JavaScript，透過簡短的課程和互動式測試，在自動評估的指導下。前 40 節課是免費的，完整課程可透過一次性支付少量費用獲得。