将任意数量的参数传递给 JavaScript 函数

Question

我的 JavaScript 代码几乎不是一个期望从后端返回 XML 的 Ajax 请求。后端可以将execute_callback 作为 XML 标记之一返回，如下所示：

<?xml version="1.0" encoding="windows-1251"?>
<response>
    <execute_callback>
        <function_name>someFunction</function_name>
    </execute_callback>
</response>

只要您知道callback 期望的参数的确切数量，一切都很好。但是如果后端返回了怎么办

<?xml version="1.0" encoding="windows-1251"?>
<response>
    <execute_callback>
        <function_name>someFunction</function_name>
        <param>10.2</param>
        <param>some_text</param>
    </execute_callback>
    <execute_callback>
        <function_name>otherFunction</function_name>
        <param>{ x: 1, y: 2 }</param>
    </execute_callback>
</response>

我现在如何将参数 10.2 和 'some_text' 传递给 someFunction 和 JSON { x: 1, y: 2 } 到 otherFunction？

我知道一个丑陋的解决方案（使用函数的arguments），但我正在寻找一个漂亮的解决方案。

在我忘记之前：不要为我解析 XML - 我可以自己做 :) 我所需要的只是将任意数量的参数传递给 JavaScript 中的函数。如果你知道Python，我想：

def somefunc(x, y):
    print x, y
args = { 'x' : 1, 'y' : 2 }
somefunc(**args)

但在 JavaScript 中。

Answer 1

您可以将它们全部传递到您的函数中：

function someFunction(){
    for(i = 0; i < arguments.length; i++)
        alert(arguments[i]);
}

Javascript 函数有一个类似数组的参数对象，使用任意数量的参数调用 javascript 函数在语法上是正确的。

someFunction(1, 2, 'test', ['test', 'array'], 5, 0);

是对该函数的有效调用。

Answer 2

您可以参考Function.apply。假设回调函数是在全局对象中声明的（浏览器中的window）。

var callback_function = window[function_name];
if (callback_function) { // prevent from calling undefined functions
    callback_function.apply(window, params);  // params is an array holding all parameters
}

Answer 3

不要调用函数，而是按名称将函数引用为关联数组中的元素：

var funcName = // parse your xml for function name
var params = new Array();
params[0] = 10.2; // from your parsed xml
params[1] = 'some text'; // also from your parsed xml

// functions are attached to some Object o:

o[funcName](params); // equivalent to o.funcName(params);

我在这里写了一个上面的例子：http://jsbin.com/ewuqur/2/edit