TypeScript 组件

TypeScript 语言在内部被分为三个主要层。这些层中的每一层又被细分为子层或组件。在下图中，我们可以看到这三个层及其内部的每个组件。这些层是

1. 语言
2. TypeScript 编译器
3. TypeScript 语言服务

1. 语言

它具有 TypeScript 语言元素。它包括诸如语法、关键字和类型注释之类的元素。

2. TypeScript 编译器

TypeScript 编译器 (TSC) 将 TypeScript 程序转换为其 JavaScript 代码的等效代码。它还对我们的 TypeScript 代码执行解析和类型检查，生成 JavaScript 代码。

浏览器不直接支持执行 TypeScript 代码。因此，用 TypeScript 编写的程序必须重新编写为 JavaScript 等效代码，该代码支持在浏览器中直接执行。为了执行此操作，TypeScript 提供了名为“tsc”的 TypeScript 编译器。TypeScript 编译器的当前版本默认支持 ES6。它编译任何模块（如 ES6、SystemJS、AMD 等）中的源代码。

我们可以通过本地、全局或同时使用任何 npm 软件包来安装 TypeScript 编译器。安装完成后，我们可以通过在命令行上运行“tsc”命令来编译 TypeScript 文件。

示例

编译器配置

TypeScript 编译器配置在 tsconfig.json 文件中给出，如下所示

声明文件

当我们编译 TypeScript 源代码时，它提供了一个生成扩展名为 .d.ts 的 声明文件 的选项。此文件充当已编译 JavaScript 中组件的接口。如果文件具有扩展名 .d.ts，则每个根级定义都必须在其前面加上 declare 关键字。这表明 TypeScript 不会发出任何代码，从而确保声明的项目将在运行时存在。声明文件为 jQuery 等 JavaScript 库提供 IntelliSense。

3. TypeScript 语言服务

语言服务提供信息，帮助编辑器和其他工具提供更好的辅助功能，例如自动化重构和 IntelliSense。它在核心编译器管道周围公开了一个额外的层。它支持一些典型的标准编辑器操作，例如代码格式化和大纲、着色、语句完成、签名帮助等。