将未知数量的参数传递给javascript函数

Question

有没有办法传递未知数量的参数,如:

var print_names = function(names) {
    foreach(name in names) console.log(name); // something like this
}

print_names('foo', 'bar', 'baz');

另外,如何获取传入的参数数量？

Answer 1

ES3(或ES5或oldschool Javascript)

您可以通过魔术arguments对象访问传递给任何javascript函数的参数,该对象的行为与数组类似.使用arguments你的功能看起来像

var print_names = function() {
     for (var i=0; i<arguments.length; i++) console.log(arguments[i]);
}

需要注意的是很重要的arguments是不是一个数组.MDC有一些很好的文档:https://developer.mozilla.org/en/Core_JavaScript_1.5_Guide/Functions#Using_the_arguments_object

如果你想打开arguments到一个数组,这样就可以做这样的事情.slice(),.push()等等,使用这样的:

var args = Array.prototype.slice.call(arguments);

ES6 /打字稿

还有更好的方法!新的休息参数功能有你的背:

var print_names = function(...names) {
    for (let i=0; i<names.length; i++) console.log(names[i]);
}

Answer 2

ES6/ES2015

利用rest参数语法.

function printNames(...names) {
  console.log(`number of arguments: ${names.length}`);
  for (var name of names) {
    console.log(name);
  }
}

printNames('foo', 'bar', 'baz');

rest参数和arguments对象之间有三个主要区别:

• rest参数只是那些没有给出单独名称的参数,而arguments对象包含传递给函数的所有参数;
• arguments对象不是真正的数组,而rest参数是Array实例,这意味着sort,map,forEach或pop等方法可以直接应用于它;
• arguments对象具有特定于其自身的附加功能(如callee属性).

Answer 3

var 
print_names = function() {
    console.log.apply( this, arguments );
};

print_names( 1, 2, 3, 4 );

Answer 4

function print_args() {
    for(var i=0; i<arguments.length; i++)
        console.log(arguments[i])
}

Answer 5

有一个隐藏的对象传递给JavaScript中的每个函数调用arguments.

您只需使用arguments.length获取传递给函数的参数量.

要遍历参数,您将使用循环:

for(var i = arguments.length; i--) {
   var arg = arguments[i];
}

请注意,这arguments不是一个真正的数组,所以如果你需要它作为一个数组,你会像这样转换它:

var args = Array.prototype.slice.call(arguments);