首頁猿問在 UI5 中對基于...

在 UI5 中對基于 promise 的 API 使用 async/await

JavaScript

大話西游666 2023-06-09 15:56:02

官方 UI5 文檔建議加載一個Fragmentusing promises：Fragment.load({? ? controller: oFragmentController,? ? ? ? id: oView.getId(),? ? ? ? name: "webapp.view.HelloDialog"? ? }).then((oDialog) => {? ? oView.addDependent(oDialog);? ? oDialog.open();});我個人更愿意使用async/await代替：const oDialog = await Fragment.load({? ? controller: oFragmentController,? ? id: oView.getId(),? ? name: "webapp.view.HelloDialog"});oView.addDependent(oDialog);oDialog.open();.then這樣的代碼重構和從-promises 到UI5 中的async/ 的轉換將如何保存？await它會導致一些問題嗎？

查看完整描述

2 回答

犯罪嫌疑人X

TA貢獻2080條經驗獲得超4個贊

您可以在 UI5 中安全地使用async?，await因為它基本上是 Promise 的語法糖。

<Dialog id="helloDialog">在片段定義中給出，并且this作為當前控制器實例，創建片段將如下所示：

與`this.loadFragment`（自 UI5 1.93 起）

onOpenDialog: async function() {

? const dialog = this.byId("helloDialog") || await this.loadFragment({

? ? name: "webapp.view.HelloDialog"

? });

? dialog.open();

與Fragment.load（自 UI5 1.58 起）

// Fragment required from "sap/ui/core/Fragment"

onOpenDialog: async function() {

? let dialog = this.byId("helloDialog");

? if (!dialog) {

? ? dialog = await Fragment.load({

? ? ? id: this.getView().getId(),

? ? ? name: "webapp.view.HelloDialog",

? ? ? controller: this,

? ? });

? ? this.getView().addDependent(dialog);

? }

? dialog.open();

舊工廠功能sap.ui.xmlfragment已棄用并*.fragment.xml同步獲取文件。

話雖如此，如果該應用程序針對 IE11，則應避免使用async? 。await Promiseor -able 函數只能在 IE11 中工作，因為 UI5 附帶了一個 polyfill，如果尚未原生支持或完全支持，then則會應用該 polyfill 。*Promise

反對回復 2023-06-09

HUH函數

TA貢獻1836條經驗獲得超4個贊

重構非常簡單，您還需要做的就是將調用它的方法標記為 as?async，這實際上是您需要進行的唯一更改。

如果你不通過像 Babel 這樣的工具運行你的代碼庫，你將遇到的最大的潛在問題是瀏覽器支持。最大的障礙是 IE 11，許多企業客戶仍在使用它。

onFragmentLoad: async function(oEvent) {

? const oDialog = await Fragment.load({

? ? controller: this,

? ? id: this.getView().getId(),

? ? name: "webapp.view.HelloDialog"

? });

? this.getView().addDependent(oDialog);

}

反對回復 2023-06-09

2 回答
0 關注
237 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

在 UI5 中對基于 promise 的 API 使用 async/await

在 UI5 中對基于 promise 的 API 使用 async/await

2 回答

與this.loadFragment（自 UI5 1.93 起）

添加回答

與`this.loadFragment`（自 UI5 1.93 起）