当前位置: 首页 > Web前端 > HTML

SAPUI5的TypeScript实践

时间:2023-04-02 21:38:34 HTML

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为UI5API提供生成的类型定义,让TypeScript理解所有涉及的类型,这样它就可以完成它的工作。这些定义是为OpenUI5和SAPUI5提供的,每个都有两种不同的风格。这两种风格是:遗留类型定义(“ts-types”)允许(但不鼓励)使用全局对象,例如sap.ui.Button。它们不再是我们的重点并且支持较少,但较旧的应用程序项目可能仍然需要它们。新类型定义(“ts-types-esm”)需要将依赖项作为ES模块加载,例如从“sap/ui/Button”导入按钮,鼓励使用现代JavaScript语言功能。使用TypeScript开发的SAPUI5应用程序在浏览器中调试没有任何障碍。直接在ChromeDevTools的TypeScript代码中设置断点:您可以直接在开发工具中调试TypeScript代码。更多Jerry原创文章在这里:《王子熙》: