У 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
Об'єкт , де функція аргументи зберігаються.
Об'єкт аргументів діє і виглядає як масив, він в основному є, він просто не має методів, які виконують масиви, наприклад:
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);
від MDN Mozilla :
Не слід нарізати аргументи, оскільки це запобігає оптимізації в двигунах 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)
.