TypeScript入門指南

1、typescript入門指南typescript入門指南 編輯整理：尊敬的讀者朋友們：這里是精品文檔編輯中心，本文檔內(nèi)容是由我和我的同事精心編輯整理后發(fā)布的，發(fā)布之前我們對文中內(nèi)容進(jìn)行仔細(xì)校對，但是難免會有疏漏的地方，但是任然希望（typescript入門指南）的內(nèi)容能夠給您的工作和學(xué)習(xí)帶來便利。同時也真誠的希望收到您的建議和反饋，這將是我們進(jìn)步的源泉，前進(jìn)的動力。本文可編輯可修改，如果覺得對您有幫助請收藏以便隨時查閱，最后祝您生活愉快 業(yè)績進(jìn)步，以下為typescript入門指南的全部內(nèi)容。你是否聽過 typescript？typescript 是微軟開發(fā)的 javascript 的超集，t

2、ypescript兼容javascript,可以載入javascript代碼然后運行。typescript與javascript相比進(jìn)步的地方 包括:加入注釋，讓編譯器理解所支持的對象和函數(shù)，編譯器會移除注釋，不會增加開銷；增加一個完整的類結(jié)構(gòu)，使之更新是傳統(tǒng)的面向?qū)ο笳Z言。為什么會有 typescript?javascript 只是一個腳本語言，并非設(shè)計用于開發(fā)大型 web 應(yīng)用，javascript 沒有提供類和模塊的概念，而 typescript 擴(kuò)展了 javascript 實現(xiàn)了這些特性。typescript 主要特點包括： typescript 是微軟推出的開源語言，使用 apac

3、he 授權(quán)協(xié)議 typescript 是 javascript 的超集。 typescript 增加了可選類型、類和模塊 typescript 可編譯成可讀的、標(biāo)準(zhǔn)的 javascript typescript 支持開發(fā)大規(guī)模 javascript 應(yīng)用 typescript 設(shè)計用于開發(fā)大型應(yīng)用，并保證編譯后的 javascript 代碼兼容性 typescript 擴(kuò)展了 javascript 的語法，因此已有的 javascript 代碼可直接與 typescript 一起運行無需更改 typescript 文件擴(kuò)展名是 ts，而 typescript 編譯器會編譯成 js 文件 typ

4、escript 語法與 jscript 。net 相同 typescript 易學(xué)易于理解語法特性 類 classes 接口 interfaces 模塊 modules 類型注解 type annotations 編譯時類型檢查 compile time type checking arrow 函數(shù) (類似 c 的 lambda 表達(dá)式)javascript 的 typescript 的區(qū)別typescript 是 javascript 的超集，擴(kuò)展了 javascript 的語法，因此現(xiàn)有的 javascript 代碼可與 typescript 一起工作無需任何修改，typescript 通

5、過類型注解提供編譯時的靜態(tài)類型檢查。typescript 可處理已有的 javascript 代碼,并只對其中的 typescript 代碼進(jìn)行編譯。編輯器支持visual studio 2012 支持 typescript 模塊/語法高亮，這個需要安裝 typescript 插件。而類似sublime text， vim and emacs編輯器支持語法高亮. 在 vs 2012 編輯器中，還提供了重構(gòu)和 go to definition 等功能。注意： typescript 不依賴任何 ide，你可在任何應(yīng)用中自行將 typescript 編譯成 javascript。如何獲取可通過以下兩

6、個方法來安裝 typescript： 通過 node.js 包管理器 (npm) 通過與 visual studio 2012 繼承的 msi. (click here to download)注意: 需要關(guān)閉其他應(yīng)用程序來避免安裝時的一些問題.下面是通過 msi 文件安裝時的界面：如果你只是想先看看 typescript 而已，可click here。 如何編譯 typescript要在應(yīng)用中使用 typescript 必須先編譯，編譯的結(jié)果是生成 js 文件，你可通過 typescript 編譯器 tsc 來完成這個過程。如果你在 visual studio 2012 中使用 typesc

7、ript，它會自動將 ts 文件編譯成 js 文件.typescript 編譯器模板被安裝在如下路徑:?1c：program files (x86)microsoft sdkstypescript0。8。0.0或者是：？1c：program filesmicrosoft sdkstypescript0.8.0.0要編譯 typescript 文件，可使用如下命令:？1tsc filename。ts一旦編譯成功，就會在相同目錄下生成一個同名 js 文件，你也可以通過命令參數(shù)來修改默認(rèn)的輸出名稱。如果你希望 typescript 被自動編譯，你可以了解下sholo.typescript。build

8、,web essentials 2012.typescript 項目/文件 模板一旦你在 visual studio 2012 上安裝了插件,你會獲得如下模板：html application with typescriptmvc typescript internet applicationtypescript file首個用 typescript 編寫的 html 應(yīng)用現(xiàn)在我開始用 typescript 創(chuàng)建一個簡單的 html 應(yīng)用。首先通過 file new-project 新建項目：輸入必要信息,點擊 ok 按鈕，創(chuàng)建后項目模板如下：我們將看到 app。js 依賴于 app。ts，默認(rèn)的 app.ts 文件包含類和構(gòu)造函數(shù)等等，如下圖:typescript 文件將會被編譯為 javascript (app。js),下面是編譯后的 javascript 代碼:然后我