在PHP中,有func_num_args
和func_get_args
,JavaScript是否有类似的东西?
在PHP中,有func_num_args
和func_get_args
,JavaScript是否有类似的东西?
Answers:
所述参数是类似阵列的对象(不是实际的阵列)。示例功能...
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
ES6允许使用“ ...”符号指定函数参数的构造,例如
function testArgs (...args) {
// Where you can test picking the first element
console.log(args[0]);
}
a = () => {console.log(arguments);}; a('foo');
给出-- Uncaught ReferenceError: arguments is not defined
但是a = (...args) => {console.log(args);}; a('foo');
给出["foo"]
该arguments
对象是函数参数的存储位置。
arguments对象的行为类似于数组,基本上是,它只是没有数组可以执行的方法,例如:
Array.forEach(callback[, thisArg]);
Array.map(callback[, thisArg])
Array.filter(callback[, thisArg]);
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
[].slice.apply(arguments);
不能是最好的方法,因为它会导致不必要的空数组分配。
如果愿意,还可以将其转换为数组。如果数组泛型可用:
var args = Array.slice(arguments)
除此以外:
var args = Array.prototype.slice.call(arguments);
来自Mozilla MDN:
您不应切入参数,因为它会阻止JavaScript引擎(例如V8)中的优化。
function foo() { foo.bar = JSON.stringify(arguments); foo.baz = JSON.parse(foo.bar); }
如果需要保留而不是字符串化,请使用内部结构化克隆算法。如果传递了DOM节点,请使用XMLSerializer作为无关的问题。with (new XMLSerializer()) {serializeToString(document.documentElement) }
正如许多其他指出的那样,arguments
包含传递给函数的所有参数。
如果要使用相同的参数调用另一个函数,请使用 apply
例:
var is_debug = true;
var debug = function() {
if (is_debug) {
console.log.apply(console, arguments);
}
}
debug("message", "another argument")
与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}
在ES6中,您可以执行以下操作:
function foo(...args)
{
let [a,b,...c] = args;
console.log(a,b,c);
}
foo(1, null,"x",true, undefined);
在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
才能正常工作。
参考资料
function
,不适用于ES2015 +粗箭头=>
功能。对于这些,您将想像这样...args
在函数定义中使用:(...args) => console.log(args)
。