通过字符串调用 jQuery 定义的函数

Question

我想调用我在 jQuery 的文档就绪函数中定义的函数，但是遇到了一些麻烦。我有以下代码：

jQuery(document).ready( function($) {

    function test1() {
        alert('test1');
    }

    function test2() {
        alert('test2');
    }

    var test_call = '2';

    var fn = 'test' + test_call;

    // use fn to call test2

});

我不想使用eval，而window[fn] 似乎不起作用。这两个测试函数似乎不是窗口变量中的索引。感谢您的帮助和知识。

Answer 1

我能想到的不使用eval()或某种形式的eval（将字符串传递给setTimeout()是eval()的一种形式），就是在一个对象上注册相关的函数名，然后在该对象上查找函数名称：

jQuery(document).ready( function($) {

    function test1() {
        alert('test1');
    }

    function test2() {
        alert('test2');
    }

    // register functions on an object
    var funcList = {};
    funcList["test1"] = test1;
    funcList["test2"] = test2;


    var test_call = '2';

    var fn = 'test' + test_call;

    if (fn in funcList) {
        funcList[fn]();
    }

});

或者注册可以在函数的定义中完成。如果它们是全局函数，它们将隐式注册在 window 对象上，但它们不是全局函数，因为它们在 document.ready 处理函数的范围内：

jQuery(document).ready( function($) {

    var funcList = {};

    funcList.test1 = function test1() {
        alert('test1');
    }

    funcList.test2 = function test2() {
        alert('test2');
    }

    var test_call = '2';
    var fn = 'test' + test_call;

    if (fn in funcList) {
        funcList[fn]();
    }

});

或者，您可以将函数移动到全局范围，以便它们自动注册到窗口对象，如下所示：

function test1() {
    alert('test1');
}

function test2() {
    alert('test2');
}

jQuery(document).ready( function($) {

    var test_call = '2';
    var fn = 'test' + test_call;

    if (fn in window) {
        window[fn]();
    }

});

Answer 2

如果不是 Eval，最好的方法是使用零毫秒的 setTimeout，因为您可以将函数指定为字符串。

setTimeout('myfunction()',0,);