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

我想调用在jQuery的document ready函数中定义的函数,但是有一点麻烦.我有以下代码：

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,而窗口[fn]似乎没有工作.两个测试函数在窗口变量中似乎不是索引.我感谢帮助和知识.

解决方法

所有我可以想到的不使用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]();
    }

});

或者可以在功能的定义中进行注册.如果它们是全局函数,它们将被隐式地注册在窗口对象上,但是这些不是全局的,因为它们在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]();
    }

});

原文地址：https://www.jb51.cc/jquery/151028.html