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
 }
}

在功能区按钮单击我已指定要调用以下 function

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