TypeScript 的组件

网友投稿 259 2022-09-04

TypeScript 的组件

TypeScript 的组件

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

LanguageTypeScript 编译器TypeScript 语言服务

1. Language

它具有 TypeScript 语言元素。它包含语法、关键字和类型注释等元素。

2. TypeScript 编译器

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

浏览器不支持直接执行 TypeScript 代码。所以用 TypeScript 编写的程序必须用 JavaScript 等效代码重写,它支持直接在浏览器中执行代码。为此,TypeScript 附带了名为“tsc”的 TypeScript 编译器。当前版本的 TypeScript 编译器默认支持 ES6。它编译任何模块中的源代码,如 ES6、SystemJS、AMD 等。

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

##起步安装

例子:

// 它将 TS 文件 helloworld 编译成 helloworld.js 文件。

编译器配置

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

{ "compilerOptions": { "declaration": true, "emitDecoratorMetadata": false, "experimentalDecorators": false, "module": "none", "moduleResolution": "node", "noFallthroughCasesInSwitch": false, "noImplicitAny": false, "noImplicitReturns": false, "removeComments": false, "sourceMap": false, "strictNullChecks": false, "target": "es3" }, "compileOnSave": true }

3. TypeScript 语言服务

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

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:开源一夏|ArkUI如何自定义弹窗(eTS)
下一篇:Z世代的圈层营销,从解码和副本开始!
相关文章

 发表评论

暂时没有评论,来抢沙发吧~