向JavaScript函数传递任意数量的参数

Pass an arbitrary number of parameters into a JavaScript function

本文关键字：参数 任意数 JavaScript 函数      更新时间：2023-09-26

我的JavaScript代码只是一个Ajax请求，它期望从后端返回XML。后端可以像这样返回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)

你可以把它们全部传递给你的函数:

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

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

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

是对该函数的有效调用。

您可以参考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
}

不调用函数，而是通过名称将函数作为关联数组中的元素引用:

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

2022答案:您现在可以(Firefox=2012, Chrome=2015, Safari=2016)使用rest参数:

function someFunction(first, ...extra) {
    console.log(`You started with "${first}"`);
    extra.forEach(arg => console.log(arg));
}
someFunction(1, 2, 3);

正如Paul的回答所指出的，有一个隐式的arguments对象，但是arguments有一些限制。值得注意的是，arguments包含所有参数，并不是一个真正的数组，而rest参数是一个真正的数组，并有意省略任何先前命名的参数。上面的例子使用Array.prototype.forEach()，它不能在arguments上工作。

参见同时介绍的spread语法，了解点-点-点-变量表示法的其他用途。

相关文章：