是否有可能获得一个函数的所有参数作为该函数内的单个对象?
在PHP中有func_num_args
和func_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()