轉發：微軟MVP 盧建暉 的文章，希望對大家有幫助。原文：http://blog.csdn.net/kinfey/article/details/44568971

編者語 ： 人總會多次犯錯，歷史上告誡大家不要在演講前更新最新版本的軟件，但周末我又一次錯了......好吧下次我堅決錄屏。本來約好周日和大家見，但深圳回來后又是各種的會議耽擱到現在真的不好意思。大家想我了嗎？上周發了4篇，貌似效果都不錯，謝謝徐總和善友的微信推廣。感恩，感謝有這群好兄弟的支持！今天和大家聊聊TypeScript 。有人覺得這個話題與ASP.NET 5 無關但是個人覺得關系比較密切，畢竟你要做前端 。

什么是TypeScript ?

TypeScript 是javaScript 的超集，它給Javascript帶來了面向對象，也帶來了靜態類型。在你的項目中不需要修改任何現有JavaScript代碼就可以注入TypeScript代碼。通過TypeScript你可以規范JavaScript代碼方式并以面向對象的方式構建你的前端。TypeScript已經支持現在流行的JavaScript庫，讓你更容易去和現有項目結合，如Jquery/AngularJS/KnockoutJS/NodeJS等。（進入官方網站）

TypeScript環境配置

1.安裝

npm install -g typescript

2.開發環境

個人建議還是在Sublime Text ,通過Control Package 安裝Better TypeScript .

TypeScript的幾個主要特點

1. 靜態類型

TypeScript通過靜態類型規范了JavaScript變量的聲明，并在編譯時提供類型檢查。如下圖

這里定義了一個類，并在類中定義了一個getJSON的方法，這里結合靜態類型對方法所傳送的參數進行類型定義， 并返回void。如果你用傳統的JavaScript寫，雖然弱類型的方式比較方便，但是對于傳參的類型不明確。通過TypeScript你就可以像C/C++那樣編寫你的前端代碼。這里說明一點，當你對于對象的類型不太明確時你可以用any（動態類型）取代。

2. 面向對象

TypeScript為JavaScript帶來了interface/class/module等面向對象的特性。這個好處除了規范代碼，也可以規范前端項目結構。以往我們的JS項目用傳統的MVC/MVVM入手總因為JavaScript太過靈活，導致架構無從入手。通過TypeScript你可以利用面向對象去整合你的前端代碼。

3.ts編譯器

通過tsc 可以將TypeScript的ts文件編譯為通用的JavaScript文件。當然你可以選擇預編譯的方式，也可以選擇實時編譯的方式。還是那句咸魚白菜各有所愛，就看自身需求。而我在項目中我喜歡用預編譯。

4.第三方庫支持(關于第三方庫的對應TypeScript可以從這里獲取)

現在TypeScript都和主流的庫都有匹配對應，你可以從nuget/上面的鏈接中獲取。本人架構前端基本上基于AngularJS/KnockoutJS, 基本上沒有大問題。更可喜的是AngularJS 2.0 和TypeScript進行了更加深入的整合（Google+Microsoft）。

基于TypeScript的前端，讓你寫代碼更Cool,更不會再讓你為一些奇怪的語法而迷惑。我喜歡TypeScript，你呢？

歡迎關注本博客微信訂閱號 anb-io。每周推送內容，有技術也有生活，和你一起做一個有情懷的程序猿。