javascript - 按名称调用 Javascript 函数

Question

如果我在页面上有这样的元素......

<span data-function="DoSomething">Click</span>

...我把它放在我的页眉...

$(document).ready(function() 
{ 
   $('[data-function]').each(function()
   {
       var fName = $(this).attr('data-function');
       $(this).click(fName);
   });
});

...代替注释的内容会产生执行名为“DoSomething”的函数的预期效果。

注意:我没有上面的代码不会工作，我的问题是如何使这项工作(将'DoSomething'翻译成DoSomething();)

有什么想法吗？

Answer 1

功能应该可用。尝试将它们放入对象中，如下所示:

$(document).ready(function() 
{ 
   var fns = {
      DoSomething: function() {/* ... */},
      DoAnotherthing: function() {/* ... */}
   };
   $('[data-function]').each(function()
   {
       var fName = $(this).attr('data-function');
       $(this).click(fns[fName]);
   });
});

这是 a jsfiddle ，展示了一种将所有内容都保留在一个命名空间本地并根据元素的 data 属性分配处理程序的方法。