是否可以将函数的所有参数作为该函数内的单个对象获取?


Answers:


346

使用arguments。您可以像访问数组一样访问它。使用arguments.length的参数的数目。


46
这仅适用于传统的JavaScript function,不适用于ES2015 +粗箭头=>功能。对于这些,您将想像这样...args在函数定义中使用:(...args) => console.log(args)
Sawtaytoes

141

所述参数类似阵列的对象(不是实际的阵列)。示例功能...

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/zh-CN/docs/JavaScript/Reference/Functions_and_function_scope/arguments


3
为什么不在此发布结果呢?:)
乔纳森·阿祖莱

2
这比接受的答案好得多,因为它包含一个工作代码段并显示输出。公认的答案太稀疏了。
2016年

好的答案...扩展“不是实际的数组”将是一个很好的答案
terpinmd

我添加了一个指向简单描述的链接:“类似数组的对象”只是“具有非负整数的length属性,并且通常具有一些索引属性的对象”。来自mozilla链接:“它类似于Array,但除length外没有任何Array属性。”
路加福音

31

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

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

3
这似乎是使用箭头功能时的唯一方法。a = () => {console.log(arguments);}; a('foo');给出-- Uncaught ReferenceError: arguments is not defined 但是a = (...args) => {console.log(args);}; a('foo');给出["foo"]
David Baucum '17

1
@DavidBaucum是正确的。因为箭头功能不会创建新的作用域,所以会从作用域中收集“参数”。但是最坏的情况不是ReferenceError。正是“参数”是从外部范围收集的。这样一来,您就不会例外,甚至可能会遇到应用程序中的奇怪错误。
pgsandstrom '17

1
这也称为“剩余参数”,请参阅developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
丹尼斯

21

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


1
[].slice.apply(arguments);不能是最好的方法,因为它会导致不必要的空数组分配。
Thomas Eding

10

如果愿意,还可以将其转换为数组。如果数组泛型可用:

var args = Array.slice(arguments)

除此以外:

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

来自Mozilla MDN

您不应切入参数,因为它会阻止JavaScript引擎(例如V8)中的优化。


2
感谢更新。使用JSON.stringify和JSON.parse作为替代:function foo() { foo.bar = JSON.stringify(arguments); foo.baz = JSON.parse(foo.bar); } 如果需要保留而不是字符串化,请使用内部结构化克隆算法。如果传递了DOM节点,请使用XMLSerializer作为无关的问题with (new XMLSerializer()) {serializeToString(document.documentElement) }
Paul Sweatte

7

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

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

例:

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

debug("message", "another argument")

4

与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


3

是的,如果您不知道函数声明时可以有多少个参数,则可以声明不带参数的函数,并可以通过参数数组访问在函数调用时传递的所有变量。


2

在ES6中,您可以执行以下操作:

function foo(...args) 
{
   let [a,b,...c] = args;

   console.log(a,b,c);
}


foo(1, null,"x",true, undefined);


1
您甚至可以执行功能foo(a,b,... c){console.log(a,b,c); }`
-TitouanT

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

如果需要保留而不是字符串化,请使用内部结构化克隆算法

如果传递了DOM节点,请使用XMLSerializer作为无关的问题

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

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

参考资料


3
首先:这将克隆传入的所有对象。其次:并非所有内容都可以字符串化为JSON。即:函数,DOM对象,表示日期字符串化为字符串...
John Dvorak

@JanDvorak可以使用处理DOM对象,函数和日期的函数来编辑我的答案吗?
Paul Sweatte 2014年

1
+1,尝试将错误报告的参数作为字符串传递,对象最终以字符串[[object Arguments]'结束,并且将其记录到控制台不会显示这些值。虽然它似乎无法回答OP,但确实可以回答我的问题,谢谢!
约翰
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.