Javascript：调用存储在变量中的方法

Question

我试图通过在一个上下文中创建一个方法并将其存储在全局变量中来利用 Javascript 闭包，以便稍后可以从另一个上下文中调用它。

//Global variable to hold the function
var revertEvent;

//creates the function and assigns it to the global variable
 function createRevertFunction(eventToBeReverted) {

            revertEvent = function () {
                alert("Now Restoring Event");
                $('#calendar').fullCalendar('renderEvent', eventToBeReverted, true);
            }          
  }

因此，“createRevertFunction”保存原始对象的状态。调用此函数后，该对象“eventToBeReverted”会被修改，因此这提供了一种无需刷新页面即可将原始内容恢复到 UI 的方法。

我的问题是我似乎无法调用变量“revertEvent”中的函数。

我已经尝试过：

revertEvent();
revertEvent.call();
window[revertEvent]();

但都不起作用。任何帮助将不胜感激...！

Answer 1

我认为这里最可能的问题是您在通过 createRevertFunction 设置之前尝试调用 revertEvent。要验证此更改，请更改 revertEvent 的声明，如下所示。

var revertEvent = function() { alert('not set yet'); }

如果在 createRevertFunction 之前调用，则会弹出“尚未看到”警报。

Answer 2

使 createRevertFunction 返回内部函数。分配。

var revertEvent;

//returns the function so we can do whatever with it
 function createRevertFunction(eventToBeReverted) {

        return function () {
            alert("Now Restoring Event");
            $('#calendar').fullCalendar('renderEvent', eventToBeReverted, true);
        }          
  }


revertEvent = createRevertFunction(e);

Answer 3

>>> var revertEvent; 
undefined
>>> (function() {   revertEvent = function() { alert('hi') }   })();
undefined
>>> revertEvent()

这对我有用。向我们展示您对函数 createRevertFunction 的用法...

Answer 4

revertEvent 仅在函数内部定义，之后就会被忘记。您必须将其保存到全局变量（在函数外部定义），或者返回创建的函数并存储它。