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的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP UI5 的 TypeScript 实践的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。