iT邦幫忙

2026 iThome 鐵人賽

DAY 1
0

什麼是TypeScript?

TypeScript,簡稱TS,是一款由微軟開發的開源程式語言,同時也是JavaScript的超集。看到這裡,你可能有個疑問,什麼是超集?直白點,就是TypeScript在JavaScript原有的基礎上,新增了其他功能/內容。

TS新增了什麼功能?

在原有JS的基礎上,為了解決JS動態型別的問題(在程式執行期間才進行檢查),TS新增了靜態型別檢查,在程式執行前能夠即時發現錯誤並提供修改建議


TypeScript的優缺點

TS優點:

  1. 靜態型別:能夠即時檢查型別錯誤、提升開發效率,減少找Bug的時間,加上強制規範明確的型別宣告,增加程式碼的可讀性與可維護性。
  2. IDE支援:TS因為型別定義明確,整合開發環境(如 VS Code)能提供程式碼更準確的程式修改建議,提升開發體驗。
  3. 易於管理大型專案:TS包含了常見物件導向內的介面、泛型等等,能夠簡化複雜的大型專案,加上強型別的特色,提高了團隊協作的效率。

TS缺點:

  1. 學習成本高:TS新增的內容需要花時間學習物件導向、型別系統等等。
  2. 需花時間轉譯成JS:一般瀏覽器無法直接透過TS執行程式碼,需要先將TS轉譯成JS才能夠執行,開發環境相較JS會稍微複雜。

比較TypeScript與JavaScript的差異

TypeScript JavaScript
型別檢查 靜態型別,在編譯期間檢查 動態型別,到執行期才檢查
發現時機 撰寫程式時會馬上回報錯誤 執行期發現Bug時才會回報
IDE支援 提供更完善的自動補全、智慧提示與代碼重構支援 自動補全、智慧提示比較弱
執行方式 瀏覽器無法直接執行,必須先轉譯或剝離型別成 JS 瀏覽器和執行環境可直接執行

小結

今天簡單介紹了TypeScript的特色和優缺點,幫助大家更了解它的功用外,明天也能夠更順利的進入TypeScript的世界,DAY-2會開始建立TS的開發環境,明天見啦各位!


下一篇
[DAY-2] TypeScript開發環境設置
系列文
從零開始學習TypeScript:菜鳥的入門介紹與概覽2
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言