Question

在PHP中有func_num_args和func_get_args，JavaScript有类似内容吗？

Answer 1

使用arguments。您可以像数组一样访问它。使用arguments.length作为参数数量。

Answer 2

参数是an array-like object（不是实际数组）。功能示例......

function testArguments () // <-- notice no arguments specified
{
    console.log(arguments); // outputs the arguments to the console
    var htmlOutput = "";
    for (var i=0; i < arguments.length; i++) {
        htmlOutput += '<li>' + arguments[i] + '</li>';
    }
    document.write('<ul>' + htmlOutput + '</ul>');
}

尝试一下......

testArguments("This", "is", "a", "test");  // outputs ["This","is","a","test"]
testArguments(1,2,3,4,5,6,7,8,9);          // outputs [1,2,3,4,5,6,7,8,9]

完整详情：https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Functions_and_function_scope/arguments

Answer 3

ES6允许一个构造，其中函数参数用“......”表示法指定，例如

function testArgs (...args) {
 // Where you can test picking the first element
 console.log(args[0]); 
}

Answer 4

arguments对象是函数参数的存储位置。

arguments对象的行为和看起来像一个数组，它基本上是，它只是没有数组所做的方法，例如：

Array.forEach(callback[, thisArg]);

Array.map(callback[, thisArg])

Array.filter(callback[, thisArg]);

Array.slice(begin[, end])

Array.indexOf(searchElement[, fromIndex])

我认为将arguments对象转换为真实数组的最佳方法是这样的：

argumentsArray = [].slice.apply(arguments);

这将使它成为一个阵列;

可重复使用的：

function ArgumentsToArray(args) {
    return [].slice.apply(args);
}

(function() {
   args = ArgumentsToArray(arguments);

   args.forEach(function(value) {
      console.log('value ===', value);
   });

})('name', 1, {}, 'two', 3)

结果：

＆GT; value === name
  ＆GT; value === 1
  ＆GT; value === Object {}
  ＆GT; value === two
  ＆GT; value === 3

Answer 5

如果您愿意，也可以将其转换为数组。如果Array泛型可用：

var args = Array.slice(arguments)

否则：

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

来自Mozilla MDN：

你不应该对参数进行切片，因为它会阻止优化 JavaScript引擎（例如V8）。

Answer 6

正如许多其他人指出的那样，arguments包含传递给函数的所有参数。

如果您想使用相同的args调用另一个函数，请使用apply

示例：

var is_debug = true;
var debug = function() {
  if (is_debug) {
    console.log.apply(console, arguments);
  }
}

debug("message", "another argument")

Answer 7

是的，如果您不知道在函数声明时可能有多少参数，那么您可以声明没有参数的函数，并且可以通过在函数调用时传递的arguments数组访问所有变量。

Answer 8

Gunnar的类似答案，更完整的例子：你甚至可以透明地回报整个事情：

function dumpArguments(...args) {
  for (var i = 0; i < args.length; i++)
    console.log(args[i]);
  return args;
}

dumpArguments("foo", "bar", true, 42, ["yes", "no"], { 'banana': true });

输出：

foo
bar
true
42
["yes","no"]
{"banana":true}

https://codepen.io/fnocke/pen/mmoxOr?editors=0010

Answer 9

在ES6中，您可以执行以下操作：

function foo(...args) 
{
   let [a,b,...c] = args;

   console.log(a,b,c);
}


foo(1, null,"x",true, undefined);

Answer 10

希望这会有所帮助：

function x(...args) {
    console.log( {...[...args] } ); 
}

x({a:1,b:2}, 'test');

输出：

{ '0': { a: 1, b: 2 }, '1': 'test' }

Answer 11

在ES6中，使用Array.from：

function foo()
  {
  foo.bar = Array.from(arguments);
  foo.baz = foo.bar.join();
  }

foo(1,2,3,4,5,6,7);
foo.bar // Array [1, 2, 3, 4, 5, 6, 7]
foo.baz // "1,2,3,4,5,6,7"

的

对于非ES6代码，请使用JSON.stringify和JSON.parse：

function foo() { foo.bar = JSON.stringify(arguments); foo.baz = JSON.parse(foo.bar); } /* Atomic Data */ foo(1,2,3,4,5,6,7); foo.bar // "{"0":1,"1":2,"2":3,"3":4,"4":5,"5":6,"6":7}" foo.baz // [object Object] /* Structured Data */ foo({1:2},[3,4],/5,6/,Date()) foo.bar //"{"0":{"1":2},"1":[3,4],"2":{},"3":"Tue Dec 17 2013 16:25:44 GMT-0800 (Pacific Standard Time)"}" foo.baz // [object Object]

如果需要保存而不是字符串化，请使用internal structured cloning algorithm 。

如果传递了DOM节点，请使用unrelated question中的XMLSerializer。

with (new XMLSerializer()) {serializeToString(document.documentElement) }

如果以书签形式运行，您可能需要将每个结构化数据参数包装在JSON.stringify的错误构造函数中才能正常工作。

<强>参考

是否有可能将函数的所有参数作为该函数内的单个对象？

11 个答案:

https://codepen.io/fnocke/pen/mmoxOr?editors=0010