TypeScript 入門指南
你是否聽過 TypeScript？
TypeScript 是微軟開發的 JavaScript 的超集，TypeScript兼容JavaScript，可以載入JavaScript代碼然后運行。TypeScript與JavaScript相比進步的地方 包括：加入注釋，讓編譯器理解所支持的對象和函數，編譯器會移除注釋，不會增加開銷；增加一個完整的類結構，使之更新是傳統的面向對象語言。
為什么會有 TypeScript?
JavaScript 只是一個腳本語言，并非設計用于開發大型 Web 應用，JavaScript 沒有提供類和模塊的概念，而 TypeScript 擴展了 JavaScript 實現了這些特性。TypeScript 主要特點包括：
- TypeScript 是微軟推出的開源語言，使用 Apache 授權協議
- TypeScript 是 JavaScript 的超集.
- TypeScript 增加了可選類型、類和模塊
- TypeScript 可編譯成可讀的、標準的 JavaScript
- TypeScript 支持開發大規模 JavaScript 應用
- TypeScript 設計用于開發大型應用，并保證編譯后的 JavaScript 代碼兼容性
- TypeScript 擴展了 JavaScript 的語法，因此已有的 JavaScript 代碼可直接與 TypeScript 一起運行無需更改
- TypeScript 文件擴展名是 ts，而 TypeScript 編譯器會編譯成 js 文件
- TypeScript 語法與 JScript .NET 相同
- TypeScript 易學易于理解 </ul>
- 類 Classes
- 接口 Interfaces
- 模塊 Modules
- 類型注解 Type annotations
- 編譯時類型檢查 Compile time type checking
- Arrow 函數 (類似 C# 的 Lambda 表達式)
- 通過 Node.js 包管理器 (npm)
- 通過與 Visual Studio 2012 繼承的 MSI. (Click here to download)
- TypeScript 微軟官方網站 http://www.typescriptlang.org/
- TypeScript 在線玩- http://www.typescriptlang.org/Playground/
- TypeScript 源碼 typescript.codeplex.com
- Anders Hejlsberg: Introducing TypeScript
語法特性
JavaScript 的 TypeScript 的區別
編輯器支持
注意: TypeScript 不依賴任何 IDE，你可在任何應用中自行將 TypeScript 編譯成 JavaScript。
如何獲取
可通過以下兩個方法來安裝 TypeScript：
注意: 需要關閉其他應用程序來避免安裝時的一些問題。
下面是通過 MSI 文件安裝時的界面：
如果你只是想先看看 TypeScript 而已，可 click here.
如何編譯 TypeScript
要在應用中使用 TypeScript 必須先編譯，編譯的結果是生成 js 文件，你可通過 TypeScript 編譯器 tsc 來完成這個過程。
如果你在 Visual Studio 2012 中使用 TypeScript，它會自動將 ts 文件編譯成 js 文件。
TypeScript 編譯器模板被安裝在如下路徑：
C:\Program Files (x86)\Microsoft SDKs\TypeScript\0.8.0.0
或者是：
C:\Program Files\Microsoft SDKs\TypeScript\0.8.0.0
要編譯 TypeScript 文件，可使用如下命令：
tsc filename.ts
一旦編譯成功，就會在相同目錄下生成一個同名 js 文件，你也可以通過命令參數來修改默認的輸出名稱。
如果你希望 TypeScript 被自動編譯，你可以了解下 Sholo.TypeScript.Build , Web Essentials 2012.
TypeScript 項目/文件 模板
一旦你在 Visual Studio 2012 上安裝了插件，你會獲得如下模板：
HTML Application with TypeScript
MVC – TypeScript Internet Application
TypeScript File
首個用 TypeScript 編寫的 HTML 應用
現在我開始用 TypeScript 創建一個簡單的 HTML 應用。
首先通過 File -> New-Project 新建項目：
輸入必要信息，點擊 Ok 按鈕，創建后項目模板如下：
我們將看到 app.js 依賴于 app.ts，默認的 app.ts 文件包含類和構造函數等等，如下圖：
TypeScript 文件將會被編譯為 JavaScript (app.js)，下面是編譯后的 JavaScript 代碼：
然后我們可以在頁面中引用 JavaScript
當你構建或者重新構建項目時，你將看到提示是否重新編譯 TypeScript 的信息：
如果在 .??proj 文件中有如下內容將會被自動編譯：
當你運行此應用時會在頁面上顯示當前的日期和時間
你也可以在線玩玩：Playground
更多閱讀資料
總結
這篇文章中我們簡單的介紹了如何使用 TypeScript，希望你能喜歡或者覺得對你有幫助。