<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??一站式輕松地調用各大LLM模型接口,支持GPT4、智譜、豆包、星火、月之暗面及文生圖、文生視頻 廣告
                你是否聽過 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 易學易于理解 ### 語法特性 * 類 Classes * 接口 Interfaces * 模塊 Modules * 類型注解 Type annotations * 編譯時類型檢查 Compile time type checking * Arrow 函數 (類似 C# 的 Lambda 表達式) ### JavaScript與TypeScript 的區別 TypeScript 是 JavaScript 的超集,擴展了 JavaScript 的語法,因此現有的 JavaScript 代碼可與 TypeScript 一起工作無需任何修改,TypeScript 通過類型注解提供編譯時的靜態類型檢查。TypeScript 可處理已有的 JavaScript 代碼,并只對其中的 TypeScript 代碼進行編譯。 ### 編輯器支持 Visual Studio 2012 支持 TypeScript 模塊/語法高亮,這個需要安裝 TypeScript 插件。而類似 Sublime Text, Vim and Emacs 編輯器支持語法高亮。 在 VS 2012 編輯器中,還提供了重構和 Go To Definition 等功能。 ![](https://box.kancloud.cn/2016-05-19_573d2cf614b9e.png) 注意: TypeScript 不依賴任何 IDE,你可在任何應用中自行將 TypeScript 編譯成 JavaScript。 ### 如何獲取 可通過以下兩個方法來安裝 TypeScript: * 通過 Node.js 包管理器 (npm) * 通過與 Visual Studio 2012 繼承的 MSI. (Click here to download) 注意: 需要關閉其他應用程序來避免安裝時的一些問題。 下面是通過 MSI 文件安裝時的界面: ![](https://box.kancloud.cn/2016-05-19_573d2cf638521.gif) 如果你只是想先看看 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 ![](https://box.kancloud.cn/2016-05-19_573d2cf659202.png) MVC – TypeScript Internet Application ![](https://box.kancloud.cn/2016-05-19_573d2cf672d25.png) TypeScript File ![](https://box.kancloud.cn/2016-05-19_573d2cf690752.png) 首個用 TypeScript 編寫的 HTML 應用 現在我開始用 TypeScript 創建一個簡單的 HTML 應用。 首先通過 File -> New-Project 新建項目: ![](https://box.kancloud.cn/2016-05-19_573d2cf6b1ac0.png) 輸入必要信息,點擊 Ok 按鈕,創建后項目模板如下: ![](https://box.kancloud.cn/2016-05-19_573d2cf6d5f73.png) 我們將看到 app.js 依賴于 app.ts,默認的 app.ts 文件包含類和構造函數等等,如下圖: ![](https://box.kancloud.cn/2016-05-19_573d2cf6e881c.png) TypeScript 文件將會被編譯為 JavaScript (app.js),下面是編譯后的 JavaScript 代碼: ![](https://box.kancloud.cn/2016-05-19_573d2cf70fb6f.png) 然后我們可以在頁面中引用 JavaScript ![](https://box.kancloud.cn/2016-05-19_573d2cf7230f0.png) 當你構建或者重新構建項目時,你將看到提示是否重新編譯 TypeScript 的信息: ![](https://box.kancloud.cn/2016-05-19_573d2cf73d046.png) 如果在 .??proj 文件中有如下內容將會被自動編譯: ![](https://box.kancloud.cn/2016-05-19_573d2cf751e16.png) 當你運行此應用時會在頁面上顯示當前的日期和時間 ![](https://box.kancloud.cn/2016-05-19_573d2cf766a94.gif) 你也可以在線玩玩:Playground ![](https://box.kancloud.cn/2016-05-19_573d2cf779130.png) #### 更多閱讀資料 TypeScript 微軟官方網站 http://www.typescriptlang.org/ TypeScript 在線玩- http://www.typescriptlang.org/Playground/ TypeScript 源碼 [typescript.codeplex.com](http://www.codeproject.com/Articles/470129/typescript.codeplex.com) Anders Hejlsberg: [Introducing TypeScript](http://channel9.msdn.com/posts/Anders-Hejlsberg-Introducing-TypeScript) 總結 這篇文章中我們簡單的介紹了如何使用 TypeScript,希望你能喜歡或者覺得對你有幫助。 [英文原文](http://www.codeproject.com/Articles/470129/TypeScript-Superset-of-JavaScript),[OSCHINA原創翻譯](http://www.oschina.net/question/12_72250)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看