當談到程式設計方法時，經常會出現兩種常見的方法：聲明式程式設計和命令式程式設計。每個都有其優點和理想的用例，尤其是在 JavaScript 中。讓我們透過一些例子來探討這兩種風格。

命令式程式設計：告訴電腦如何做

命令式程式設計就像是給出一組詳細的指令。你告訴計算機如何一步一步達到特定的結果。將其視為指導某人完成食譜 - 首先做這個，然後做那個。

這是使用命令式方法對數字數組求和的經典範例：

在這個例子中，我們手動循環數組並累積總和。每個步驟都明確定義：從 0 開始，迭代每個數字，然後不斷添加到總數中。

聲明式程式設計：告訴電腦你想要什麼

另一方面，聲明式程式設計關注的是您想要實現的目標，而不是如何實現。您描述所需的結果，底層系統會計算出實現該結果的步驟。

讓我們使用聲明性方法重寫相同的求和運算：

這裡，reduce 方法抽象化了循環和累積細節。您只需聲明要將陣列減少為單一值（總和），JavaScript 就會處理其餘的內容。

何時使用哪一個？

• 命令式：當您需要對操作的每個步驟進行細粒度控制時，命令式程式設計是您的首選。它非常適合複雜演算法或當您需要優化每一步效能時。
• 聲明式：當清晰度和簡單性比控制更重要時，聲明式程式設計就會大放異彩。它非常適合資料轉換、UI 渲染和資料庫查詢（如 SQL）等任務。

更實際的範例：過濾數組

假設您想要從陣列中過濾掉偶數。

命令式方法：

您手動迭代數組，檢查每個數字，並有條件地將偶數推入新數組。

聲明式方法：

使用過濾器，您只需聲明您的意圖：「給我所有偶數。」過濾器方法為您處理迭代和條件檢查。

結論

聲明式和命令式風格在 TypeScript 開發中都佔有一席之地。命令式程式碼可能更冗長且難以閱讀，但提供了更多控制。同時，聲明性程式碼往往更加簡潔和可讀，使其更易於維護。

下次編碼時，請考慮哪種方法最適合您的需求。您需要精確控制嗎？勢在必行。需要清晰、可維護的程式碼嗎？聲明式可能是您最好的選擇。快樂編碼！