SKILL.md
readonlyread-only
name
modern-javascript-patterns
description
精通 ES6+ 功能，包括 async/await、解構賦值、展開運算子、箭頭函式、Promise、模組、迭代器、生成器以及函數式程式設計模式，用以撰寫乾淨、高效的 JavaScript 程式碼。適用於重構舊有程式碼、實作現代模式或最佳化 JavaScript 應用程式。
現代 JavaScript 模式
掌握現代 JavaScript（ES6+）功能、函數式程式設計模式以及撰寫乾淨、可維護且高效能程式碼的最佳實務的全面指南。
何時使用此技能
- 將舊有 JavaScript 重構為現代語法
- 實作函數式程式設計模式
- 最佳化 JavaScript 效能
- 撰寫可維護且易讀的程式碼
- 處理非同步操作
- 建構現代網頁應用程式
- 從回呼遷移至 Promise/async-await
- 實作資料轉換管線
詳細模式與實作範例
詳細的模式文件位於 references/details.md。當上述導覽層級不足時，請閱讀該檔案。
最佳實務
- 預設使用 const：僅在需要重新賦值時使用 let
- 偏好箭頭函式：特別是用於回呼
- 使用模板字面量：取代字串串接
- 解構物件與陣列：讓程式碼更簡潔
- 使用 async/await：取代 Promise 鏈
- 避免變異資料：使用展開運算子與陣列方法
- 使用可選鏈：避免「無法讀取 undefined 的屬性」
- 使用空值合併運算子：用於預設值
- 偏好陣列方法：取代傳統迴圈
- 使用模組：更好的程式碼組織
- 撰寫純函式：更容易測試與推理
- 使用有意義的變數名稱：自我文件化的程式碼
- 保持函式短小：單一職責原則
- 妥善處理錯誤：搭配 async/await 使用 try/catch
- 使用嚴格模式：
'use strict'以獲得更好的錯誤捕捉
關於常見陷阱（this 綁定、Promise 反模式、記憶體洩漏），請參閱 references/advanced-patterns.md。
