jquery动态函数

Question

我只需要逻辑和理解如何做到这一点。

问题：

我有几个非常相似的函数，但我想动态创建/调用

示例：

$(document).ready(function() {         
    function foo() {
        $("#foo_elem").toggle(true).attr('required', true);
        alert('This is foo');
    }

    function bar() {
        $("#bar_elem").toggle(true).attr('required', true);
        alert('This is bar');
    }
});

如何传入 foo/bar 来创建函数？伪代码

$(document).ready(function() { 
    // would pass foo/bar to this?        
    $($x)(function() {
        $("#"+$(this)+"_elem").toggle(true).attr('required', true);
        alert('This is '+$(this));
    });
});

Answer 1

您想动态调用 foo 或 bar 吗？

function callMethod(method)
{
     method();
}

callMethod(foo); // foo is the symbol for your method
callMethod(bar); // etc

处于高水平。不过，在您的实例中，您要求将该符号用作选择器中的变量：

function callMethod(elementPrefix)
{
    $('#' + elementPrefix+ '_elem').toggle(true).attr('required', true);
    alert('This is ' + elementPrefix);
}

如果您想将其既用作字符串值又用作方法名称，则可以评估该符号以获取该方法：

var methodName = 'foo';
var text = 'This is ' + methodName; // This is foo
var method = eval('(' + methodName + ')');
method(); // calls foo()

Answer 2

我不确定我是否完全理解你的问题，但是你想根据一些参数动态创建一个函数吗？如果是这样，您可以执行以下操作：

function make_func(x) {
  return function() {
    $("#"+x+"_elem").toggle(true).attr('required', true);
    alert('This is '+x);
  };
}

然后 make_func('foo') 将返回一个与原始示例中的函数 foo 等效的函数。