关于javascript:SAP-UI5-的-TypeScript-实践

47次阅读

共计 942 个字符,预计需要花费 3 分钟才能阅读完成。

TypeScript 是 JavaScript 的超集,它为语言增加了可选的动态类型。它带有一个 编译器,能够将 TypeScript 代码转换为 JavaScript,并在 JavaScript 运行的任何中央运行它,浏览器,NodeJS 等等。最大的变动是 TypeScript 自带了 Types。同时,这使得开发像您在 JavaScript 中可能习惯的通用代码变得更加艰难,因为它是无类型的。

TypeScript 的指标是在咱们的 IDE 中提供更好的集成,以帮忙咱们更早地发现错误。TypeScript 是 JavaScript 的扩大,用于提供类型信息,并通过类型检查和在许多反对代码编辑器(代码实现、内联文档等)中提供代码辅助来帮忙进行谬误检测。浏览器不能间接执行 TypeScript,须要一个转译步骤。

UI5 中的 TypeScript 是什么?UI5 是咱们用来创立 UI5 应用程序的框架 /SDK,也称为 Fiori 应用程序。当您应用框架、库或 SDK 构建应用程序时,应应用 TypeScript 构建或提供定义文件 (d.ts) 以反对 TypeScript。从 2021 年 4 月开始,SAP 提供 UI5 的 TypeScript 定义文件。这些文件容许咱们在 UI5 中应用 TypeScript!

UI5 应用 JSDoc 信息来生成 TS 定义文件。

UI5 为 UI5 API 提供生成的类型定义,让 TypeScript 了解所有波及的类型,因而它能够实现它的工作。为 OpenUI5 和 SAPUI5 提供了这些定义,每个都有两种不同的格调。两种口味别离是:

  • 遗留类型定义(“ts-types”)容许(但不激励)应用全局对象,如 sap.ui.Button。它们不再是咱们关注的焦点并且失去的反对较少,但旧的应用程序我的项目可能依然须要它们。
  • 新的类型定义(“ts-types-esm”)须要将依赖项加载为 ES 模块,例如 import Button from“sap/ui/Button”,激励应用古代 JavaScript 语言性能。

应用 TypeScript 开发的 SAP UI5 利用,在浏览器中的调试也没有任何阻碍。

间接在 Chrome 开发者工具的 TypeScript 代码里设置断点:

能够间接在 dev tools 里调试 TypeScript 代码。

更多 Jerry 的原创文章,尽在:” 汪子熙 ”:

正文完
 0