Чи можливо отримати всі аргументи функції як єдиний об'єкт всередині цієї функції?


Відповіді:


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/en-US/docs/JavaScript/Reference/Functions_and_function_scope/arguments


3
Чому б не опублікувати результат і тут? :)
Джонатан Азулай

2
Це набагато краще, ніж прийнята відповідь, оскільки вона містить фрагмент робочого коду та показує вихід. Прийнята відповідь занадто рідка.
Mac

Гарна відповідь ... буде чудовою відповіддю з розширенням на "не фактичний масив"
terpinmd

Я додав посилання до простого опису: "Об'єкт схожий на масив" - це лише "Об'єкт, який має властивість довжини невід'ємного цілого числа, і зазвичай деякі індексовані властивості." З посилання mozilla: "Він схожий на масив, але не має ніяких властивостей масиву, крім довжини".
Лука

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"]
Девід Баукум

1
@DavidBaucum це правильно. Оскільки функція стрілки не створює нової області, а "аргументи" збираються з області. Але найгірший випадок - це не ReferenceError. Це те, що "аргументи" зібрані із зовнішнього простору. Тоді ви отримуєте не виняток і, можливо, дивні помилки у вашому додатку.
pgsandstrom

1
Це також називається "параметри відпочинку", див. Developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… .
Денніс

21

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);не може бути найкращим способом, оскільки це викликає непотрібне виділення порожнього масиву.
Томас Едінг

10

Ви також можете перетворити його в масив, якщо хочете. Якщо доступні дженерики Array:

var args = Array.slice(arguments)

Інакше:

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

від MDN Mozilla :

Не слід нарізати аргументи, оскільки це запобігає оптимізації в двигунах 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) }
Пол Sweatte

7

Як багато інших вказувалося, argumentsмістить усі аргументи, передані функції.

Якщо ви хочете викликати іншу функцію з тими ж аргументами, використовуйте apply

Приклад:

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

debug("message", "another argument")

4

Аналогічна відповідь до Гуннара з більш повним прикладом: Ви навіть можете прозоро повернути всю справу:

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

Так, якщо ви не знаєте, що скільки аргументів можливе під час оголошення функції, то ви можете оголосити функцію без параметрів і можете отримати доступ до всіх змінних за допомогою масиву аргументів, переданого під час виклику функції.



-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) }

Якщо він працює як закладки, вам може знадобитися обгортати кожен структурований аргумент даних у конструкторі помилок, JSON.stringifyщоб правильно працювати.

Список літератури


3
По-перше: це буде клонувати всі об'єкти, передані в них. По-друге: не все може бути впорядковано до JSON. А саме: функції, об'єкти DOM, зазначені дати укреслюються як рядки ...
Джон Дворак

@JanDvorak Чи можете ви редагувати мою відповідь функцією, яка обробляє об'єкти, функції та дати DOM?
Пол Sweatte

1
+1, намагаючись передати аргументи для повідомлення про помилки як рядок, об'єкт закінчується як рядок "[Аргументи об'єкта]", і вхід у консоль не відображає значень. Хоча це, здається, не відповідає на ОП, але відповідає на моє питання, дякую!
Джон
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.