В PHP есть func_num_args
и func_get_args
есть ли что-то подобное для JavaScript?
В PHP есть func_num_args
и func_get_args
есть ли что-то подобное для JavaScript?
Ответы:
Использование arguments
. Вы можете получить к нему доступ как массив. Используйте 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
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);
не может быть лучшим способом, потому что это вызывает ненужное выделение пустого массива.
Вы также можете преобразовать его в массив, если хотите. Если доступны дженерики Array:
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")
Аналогичный ответ на Гуннар, с более полным примером: вы можете даже прозрачно вернуть все это:
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) }
Если вы работаете как букмарклет, вам может понадобиться обернуть каждый аргумент структурированных данных в конструкторе ошибок для JSON.stringify
правильной работы.
Ссылки
function
, но не для функций ES2015 + жирная стрелка=>
. Для тех, вы хотите использовать...args
в определении функции следующим образом:(...args) => console.log(args)
.