是否有可能获得一个函数的所有参数作为该函数内的单个对象?

在PHP中有func_num_argsfunc_get_args ,有没有类似的JavaScript?

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

参数是一个类似数组的对象 (不是实际的数组)。 示例函数…

 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

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) 

结果:

> value === name
> value === 1
> value === Object {}
> value === two
> value === 3

ES6允许构造函数参数用“…”符号指定,例如

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

如果您愿意,也可以将其转换为数组。 如果Arraygenerics可用:

 var args = Array.slice(arguments) 

除此以外:

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

来自Mozilla MDN :

你不应该在参数上切片,因为它阻止了JavaScript引擎的优化(例如V8)。

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

如果你想用相同的参数调用另一个函数,使用apply

例:

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

是的,如果你不知道在函数声明的时候可能有多less个参数,那么你可以声明没有参数的函数,并且可以通过函数调用时传递的参数数组访问所有的variables。

与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

在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] 

如果需要保存而不是string化,请使用内部结构化克隆algorithm 。

如果传递了DOM节点,请使用XMLSerializer作为一个不相关的问题 。

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

如果作为书签运行,则可能需要将每个结构化数据参数包装在Error构造函数中,以便JSON.stringify正常工作。

参考

  • 结构克隆CommonJS模块

  • JS对象克隆

  • MDN:Array.from()