在Dynamics 365功能区按钮中使用JS实现奇怪的命名空间上下文行为

Question

我已经为我的Dynamics 365功能区按钮单击事件编写了以下Javascript代码。

var SampleNamespace = SampleNamespace || {};
SampleNamespace = {
 someVariable : 'xyz',
 clickMeFromRibbon: function(){
  // this = window in classic UI | this.iWillDoSomething() - Error
  // this = SampleNamespace in Modern UUI | this.iWillDoSomething() - Works fine
 },
 iWilDoSomething : function(){
  // Doing some other helper operations
 }
}

在功能区按钮单击中，我已指定要调用的以下函数

SampleNamespace.clickMeFromRibbon

你知道为什么this的引用不同吗?我们如何通过有效的命名空间在这两个环境中工作来解决这个问题？

PS :我在javascript中尝试了多种不同类型的命名空间，但都出现了同样的问题。

Answer 1

您可以使用不同的方式处理名称空间，这对我来说很好：

​

var SampleNamespace = (function(){
    var someVariable = "xyz";

    function clickMeFromRibbon(){
        //you can call iWilDoSomething from here without using namespaces
    }

    function iWilDoSomething(){
    }

    return {
        clickMeFromRibbon: clickMeFromRibbon,
        iWilDoSomething: iWilDoSomething
    };
})();

//Also SampleNamespace.clickMeFromRibbon and SampleNamespace.iWilDoSomething are available externally

​