如何调用存储在 jQuery 数组中的函数？

Question

我在 jQuery 中有一个钩子数组，它们在将数据加载到网格之前执行。然而，在一种情况下，我想删除该钩子，然后将其添加回来以供稍后使用。无论我在做什么都不能正常工作...这可能是一个语法错误，因为我对 jQuery 还有些陌生。任何帮助将不胜感激，谢谢！

当前代码：

var preLoad = this.opts.hooks.preLoad.pop();
//stuff happens
//now I want to add the preLoad hook back
this.opts.hooks.preLoad.push(function(report) { preLoad(report); });

编辑 事实证明问题出在代码的其他地方。但是，我仍然想知道如何最好地实现这一目标。

Answer 1

您可以像访问任何其他数组中存储的任何其他变量一样访问它。

 this.opts.hooks.preLoad[0](myReport)

Answer 2

你能不能像这样添加你删除的功能？

var preLoad = this.opts.hooks.preLoad.pop();
//stuff happens
//now I want to add the preLoad hook back
this.opts.hooks.preLoad.push(preLoad);

您确定它始终是您要删除的数组中的最后一个吗？

Answer 3

这可能与以下事实有关：当您将函数推回堆栈时，您正在“罐装”参数“报告”。

尝试这样做：

var preLoad = this.opts.hooks.preLoad.pop();
//stuff happens
//now I want to add the preLoad hook back
this.opts.hooks.preLoad.push(preLoad);

我在这里测试了 http://jsfiddle.net/fWRez/

Answer 4

您给出的示例与 jQuery 无关，是纯 Javascript。另外，请注意您在示例中所做的事情是......不正确的。考虑一下：

var ReportManager {
   ...
   replace: function(report) {
      var preLoad = this.opts.hooks.preLoad.pop();
      //stuff happens
      //now I want to add the preLoad hook back
      this.opts.hooks.preLoad.push(function(report) { preLoad(report); });
   }
}

如果你执行这个：

replace(null);
replace({foo:'bar'});
replace(null);

你的 this.opts.hooks.preLoad 数组将如下所示：

Array(
   0: function(report) { return function(report) { return function(report) { ... } } }
)

因为你每次执行代码时都会将函数包装到自身中。我不知道为什么你需要再次pop然后push它，但这看起来很奇怪。

此外，Javascript 是一种非常灵活的语言；这意味着你可以做很多奇怪的事情，比如

"hello".concat(" world");            // -> 'hello world'
0.toString();                        // -> '0'
(function(a) { return a; })("foo");  // -> 'foo'
(function() { return false; })() || (function() { return true; })(); // -> true (executes both functions)
(function(i) { return [i*2,i*3,i*4]; })(2)[1]; // -> 6
$('selector')[0];                    // ...
// etc.