javascript - 在运行时创建具有动态内容和调用函数的 JavaScript 文件

Question

我在后端存储了一些数据。该数据看起来像这样。

sap.ui.define([], function() {
    "use strict";
    return {
        testFunc: function() {
            alert("function");
        }
    };
});

现在我想在运行时调用上面的函数“testFunc()”，例如:

sap.ui.define(["sap/ui/core/mvc/Controller","...pfad.to.function], 
function(Controller, Function) {
    "use strict";
    return Controller.extend("CONT", {
        onInit: function() ;
           Function.testFunc();
        },
    })
});

但是我只在运行时得到上面的字符串。背景:

开发者有一个编辑器。在这个编辑器中，他正在编写函数代码。就像上面那样。当他完成后，代码被存储到后端。当应用程序启动时，代码将从后端获取并在前端进行。所以只有这个时候我才知道代码并且必须动态运行它。此外，我需要调试的可能性。所以我需要加载整个脚本文件。

有办法解决这个问题吗？

Rg。约尔格

Answer 1

在 Controller 作用域中设置一个变量来存储实例化时作为参数传递的函数:

sap.ui.define([
    "sap/ui/core/mvc/Controller",
    "...pfad.to.function",
], function (Controller, Function) {
    "use strict";
    return Controller.extend("CONT", {

        //This variable stores the object you return in your module
        myObjectWithFunction: Function, 

        onInit: function() ;
            this.myObjectWithFunction.testFunc();
        }
    });
});

看看 "Custom Formatters" documentation ...基本上是相同的概念