TypeScript新手村心得
前陣子將一個中型網站的 JavaScript 翻寫成 TypeScript，轉換完數千行程式。身為 TypeScript 魯雞（Rookie），少不了一段步步踩雷、天天摔坑的日子，接著就漸入佳境，轉換後體驗到按 F2 立即更名、－調介面便知哪些地方要改的便利，令人感動不已。這段時間累積了一些心得，整理如下，供其他也要挑戰 JavaScript 轉 TypeScript 的朋友參考： 重要觀念： 左手 TypeScript 只是輔助！ JavaScript 還是得學好，但不需要研究如何用 JavaScript 實踐繼承、介面、Namespace 等進階技巧，這部分 TypeScript 已提供一套容易理解與應用的做法。 但 TypeScript 終究只是輔助，充其量幫你「化繁為簡」、「理出頭緒」。在 JavaScript 不能 Find Reference、Goto Definition，不能靠編輯器 Rename 某個屬性或方法，無法在編譯時期找出打錯字，當 JavaScript 長到上千行，這些缺點會被放大，讓你置身地獄，而 TypeScript 算是種救贖，有助於減輕痛苦（別誤會，並不是從地獄直上天堂，大概是從 18 層爬到第 8 層吧！許多 JavaScript 及前端面對的難題仍然得咬牙面對）。既然 TypeScript 只是化繁為簡、理出頭緒，也要有繁可化，當有能力寫出複雜的 JavaScript，才能享受 TypeScript 的好處。 改用 TypeScript 不是打血清，無法讓 JavaScript 魯雞變美國隊長，充其量只是讓開發者有機會在 JavaScript 享受強型別語言的結構化與嚴謹，讓重構（Refactoring）不再是天方夜譚，讓複雜的JavaScript 程式毛線球變得沒那麼複雜，如此而已。但是，當你的 JavaScript 程式已經攪成很大一團，光這點改善就足以讓人落淚。（話說，改寫前的版本也能讓人落淚，只是哭的是要接手維護的那一位） 雷中之王 － this this 是我踩到最多的地雷！先前已陸續分享過： * TypeScript的this陷阱 * 再談 TypeScript 的 this 善用 module TypeScript 提供了物件導向，但在實務上，我只有需要享受...