上一課： 第 3 課：資料型態與 typeof ｜ 下一課： 第 5 課：條件判斷 if / else
第 4 課：運算子與運算順序
課程摘要：本課介紹 JavaScript 常見運算子（算術、指派、比較、邏輯）與運算子優先序（precedence），並透過互動範例理解 () 括號在控制計算順序的重要性。
學習目標
- 熟悉算術、指派、比較與邏輯運算子的用途。
- 理解運算子優先序與結合性，能用
()明確控制順序。 - 辨識常見陷阱（例如字串相加、比較時的型態轉換）。
課程大綱
- 算術與指派運算子：
+ - * / % ** += -=… - 比較運算子：
==vs===、!=vs!==、><… - 邏輯運算子：
&&、||、! - 運算子優先序與結合性；括號的角色
核心概念解說
- 優先序：先乘除後加減，邏輯
&&優先於||；有疑慮就加括號。 - 結合性：同等級運算由左至右或右至左（如指派運算子為右結合）。
- 嚴格相等：
===不做型態轉換，較安全；避免使用==。
互動式範例（可輸入代碼看到結果）
範例說明：修改下方程式碼並按「執行」，觀察不同寫法造成的結果差異與 Console 輸出。
（輸出區顯示摘要；詳細請看 Console）
常見錯誤與除錯指南
- 混用
==與===造成預期外轉型；預設使用===。 +與字串相加時會變成拼接；請先轉型為數字。- 不確定優先序時一律加
()使邏輯明確。
小測驗（附解析）
- 下列輸出為何？
console.log(1 + 2 * 3)
答案： 7（先乘除後加減） - 哪個比較更安全？
'5' == 5或'5' === 5
答案：===，避免隱式轉型。
複習與下一步
你已理解了主要運算子與優先序。下一課將進入 「條件判斷 if / else」， 學會依條件分支來控制程式流程。
版本資訊：2025-10-22 新增互動範例與小測驗。
版權/授權：本頁程式碼與素材可用於教學與個人專案（請保留出處）。
上一課： 第 3 課：資料型態與 typeof ｜ 下一課： 第 5 課：條件判斷 if / else