使用动态参数数调用动态函数

javascript function

2022-08-30 02:35:56

我正在寻找一个关于这个的技巧。我知道如何在JavaScript中调用一个动态的任意函数，传递特定的参数，如下所示：

function mainfunc(func, par1, par2){
    window[func](par1, par2);
}

function calledfunc(par1, par2){
    // Do stuff here
}

mainfunc('calledfunc', 'hello', 'bye');

我知道如何使用内部集合传递可选的，无限的参数，但是，我无法弄清楚如何动态发送任意数量的参数;我怎么能完成这样的事情，但是使用任意数量的可选参数（不使用那个丑陋的-）？argumentsmainfuncmainfunccalledfuncifelse

function mainfunc(func){
    if(arguments.length == 3)
        window[func](arguments[1], arguments[2]);
    else if(arguments.length == 4)
        window[func](arguments[1], arguments[2], arguments[3]);
    else if(arguments.length == 5)
        window[func](arguments[1], arguments[2], arguments[3], arguments[4]);
}

function calledfunc1(par1, par2){
    // Do stuff here
}

function calledfunc2(par1, par2, par3){
    // Do stuff here
}

mainfunc('calledfunc1', 'hello', 'bye');
mainfunc('calledfunc2', 'hello', 'bye', 'goodbye');

答案 1

使用函数的应用方法：-

function mainfunc (func){
    window[func].apply(null, Array.prototype.slice.call(arguments, 1));
}

编辑：在我看来，稍微调整一下，这将更有用：-

function mainfunc (func){
    this[func].apply(this, Array.prototype.slice.call(arguments, 1));
}

这将在浏览器之外工作（默认为全局空间）。在mainfunc上使用呼叫也将起作用：-this

function target(a) {
    alert(a)
}

var o = {
    suffix: " World",
    target: function(s) { alert(s + this.suffix); }
};

mainfunc("target", "Hello");

mainfunc.call(o, "target", "Hello");

答案 2

您的代码仅适用于全局函数，即。对象的成员。要将其与任意函数一起使用，请将函数本身而不是其名称作为字符串传递：window

function dispatch(fn, args) {
    fn = (typeof fn == "function") ? fn : window[fn];  // Allow fn to be a function object or the name of a global function
    return fn.apply(this, args || []);  // args is optional, use an empty array by default
}

function f1() {}

function f2() {
    var f = function() {};
    dispatch(f, [1, 2, 3]);
}

dispatch(f1, ["foobar"]);
dispatch("f1", ["foobar"]);

f2();  // calls inner-function "f" in "f2"
dispatch("f", [1, 2, 3]);  // doesn't work since "f" is local in "f2"