通過string調用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 handler函數中作用域：

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,);