TypeScript入门指南.docx

《TypeScript入门指南.docx》由会员分享，可在线阅读，更多相关《TypeScript入门指南.docx（12页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、你是否听过 TypeScript？TypeScript 是微软开发的 JavaScript 的超集，TypeScript 兼容 JavaScript，可以载入JavaScript 代码然后运行。TypeScript 与 JavaScript 相比进步的地方 包括：参与注释，让编译器理解所支持的对象和函数，编译器会移除注释，不会增加开销；增加一个完整的类构造，使之更是传统的面对对象语言。为什么会有 TypeScript?JavaScript 只是一个脚本语言，并非设计用于开发大型 Web 应用，JavaScript 没有供给类和模块的概念，而 TypeScript 扩展了 JavaScript

2、实现了这些特性。TypeScript 主要特点包括：TypeScript 是微软推出的开源语言，使用 Apache 授权协议TypeScript 是 JavaScript 的超集.TypeScript 增加了可选类型、类和模块TypeScript 可编译成可读的、标准的 JavaScriptTypeScript 支持开发大规模 JavaScript 应用TypeScript 设计用于开发大型应用，并保证编译后的 JavaScript 代码兼容性TypeScript 扩展了 JavaScript 的语法，因此已有的 JavaScript 代码可直接与TypeScript 一起运行无需更改Type

3、Script 文件扩展名是 ts，而 TypeScript 编译器会编译成 js 文件TypeScript 语法与 JScript .NET 一样TypeScript 易学易于理解语法特性类 Classes接口 Interfaces模块 Modules类型注解 Type annotations编译时类型检查 Compile time type checkingArrow 函数 (类似 C# 的 Lambda 表达式)JavaScript 的 TypeScript 的区分TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript

4、代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解供给编译时的静态类型检查。TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进展编译。编辑器支持Visual Studio 2023 支持 TypeScript 模块/语法高亮，这个需要安装 TypeScript 插件。而类似 Sublime Text, Vim and Emacs编辑器支持语法高亮。 在 VS 2023 编辑器中，还供给了重构和 Go To Definition 等功能。留意: TypeScript 不依靠任何 IDE，你可在任何应用中

5、自行将 TypeScript 编译成JavaScript。如何猎取可通过以下两个方法来安装 TypeScript：通过 Node.js 包治理器 (npm)通过与 Visual Studio 2023 继承的 MSI. (Click here to download)留意: 需要关闭其他应用程序来避开安装时的一些问题。下面是通过 MSI 文件安装时的界面：假设你只是想先看看 TypeScript 而已，可 click here.如何编译 TypeScript要在应用中使用 TypeScript 必需先编译，编译的结果是生成 js 文件，你可通过TypeScript 编译器 tsc 来完成这个过

6、程。假设你在 Visual Studio 2023 中使用 TypeScript，它会自动将 ts 文件编译成 js 文件。TypeScript 编译器模板被安装在如下路径：1C:Program Files (x86)Microsoft SDKsTypeScript0.8.0.0或者是：1C:Program FilesMicrosoft SDKsTypeScript0.8.0.0要编译 TypeScript 文件，可使用如下命令：1tsc filename.ts一旦编译成功，就会在一样名目下生成一个同名 js 文件，你也可以通过命令参数来修改默认的输知名称。假设你期望 TypeScript 被

7、自动编译，你可以了解下 Sholo.TypeScript.Build , WebEssentials 2023.TypeScript 工程/文件 模板一旦你在 Visual Studio 2023 上安装了插件，你会获得如下模板：HTML Application with TypeScriptMVC TypeScript Internet ApplicationTypeScript File首个用 TypeScript 编写的 HTML 应用现在我开头用 TypeScript 创立一个简洁的 HTML 应用。首先通过 File - New-Project 建工程：输入必要信息，点击 Ok 按钮，创立后工程模板如下：我们将看到 app.js 依靠于 app.ts，默认的 app.ts 文件包含类和构造函数等等，如以以下图：TypeScript 文件将会被编译为 JavaScript (app.js)，下面是编译后的 JavaScript 代码：然后我们可以在页面中引用 JavaScript当你构建或者重构建工程时，你将看到提示是否重编译 TypeScript 的信息：假设在 .?proj 文件中有如下内容将会被自动编译：当你运行此应用时会在页面上显示当前的日期和时间你也可以在线玩玩：Playground