Czy można uzyskać wszystkie argumenty funkcji jako pojedynczy obiekt wewnątrz tej funkcji?


Odpowiedzi:


346

Zastosowanie arguments. Możesz uzyskać do niej dostęp jak tablicę. Użyj arguments.lengthdla liczby argumentów.


46
Działa to tylko w przypadku tradycyjnego JavaScript function, a nie =>funkcji strzałek tłuszczu w wersji ES2015 + . Dla tych, będziesz chce wykorzystać ...argsw definicji funkcji tak: (...args) => console.log(args).
Sawtaytoes

141

Te argumentyprzedmiotem tablicowej (nie rzeczywisty tablica). Przykładowa funkcja ...

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

Wypróbuj to...

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]

Pełne szczegóły: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Functions_and_function_scope/arguments


3
Dlaczego nie opublikować tutaj również wyniku? :)
Jonathan Azulay

2
Jest to znacznie lepsze niż zaakceptowana odpowiedź, ponieważ zawiera działający fragment kodu i pokazuje wynik. Przyjęta odpowiedź jest zbyt rzadka.
Mac

Dobra odpowiedź ... byłaby świetną odpowiedzią na rozwinięcie „nie faktycznej tablicy”
terpinmd

Dodałem link do prostego opisu: „Obiekt podobny do tablicy” to po prostu „Obiekt, który ma właściwość length nieujemnej liczby całkowitej i zwykle niektóre indeksowane właściwości”. Z linku mozilla: „Jest podobny do tablicy, ale nie ma żadnych właściwości tablicy poza długością”.
Łukasz

31

ES6 pozwala na konstrukcję, w której argument funkcji jest określony za pomocą notacji „...”, takiej jak

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

3
Wydaje się, że jest to jedyny sposób korzystania z funkcji strzałek. a = () => {console.log(arguments);}; a('foo');daje -- Uncaught ReferenceError: arguments is not defined Jednak a = (...args) => {console.log(args);}; a('foo');daje["foo"]
David Baucum

1
@DavidBaucum, które są poprawne. Ponieważ funkcja strzałki nie tworzy nowego zakresu, a „argumenty” są zbierane z zakresu. Ale najgorszym scenariuszem nie jest błąd ReferenceError. Chodzi o to, że „argumenty” są zbierane z zakresu zewnętrznego. Wtedy nie otrzymasz wyjątku, a może dziwne błędy w twojej aplikacji.
pgsandstrom

1
Nazywa się to również „parametrami odpoczynku”, patrz developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… .
Dennis

21

argumentsObiekt jest gdzie przechowywane są argumenty funkcji.

Obiekt argumentów działa i wygląda jak tablica, po prostu nie ma metod, które wykonują tablice, na przykład:

Array.forEach(callback[, thisArg]);

Array.map(callback[, thisArg])

Array.filter(callback[, thisArg]);

Array.slice(begin[, end])

Array.indexOf(searchElement[, fromIndex])

Myślę, że najlepszym sposobem na konwersję argumentsobiektu do prawdziwej macierzy jest:

argumentsArray = [].slice.apply(arguments);

To sprawi, że będzie tablicą;

wielokrotnego użytku:

function ArgumentsToArray(args) {
    return [].slice.apply(args);
}

(function() {
   args = ArgumentsToArray(arguments);

   args.forEach(function(value) {
      console.log('value ===', value);
   });

})('name', 1, {}, 'two', 3)

wynik:

> value === name
> value === 1
> value === Object {}
> value === two
>value === 3


1
[].slice.apply(arguments);nie może być najlepszym sposobem, ponieważ powoduje niepotrzebne przydzielanie pustej tablicy.
Thomas Eding

10

Możesz także przekonwertować go na tablicę, jeśli wolisz. Jeśli dostępne są ogólne tablice:

var args = Array.slice(arguments)

Inaczej:

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

z Mozilla MDN :

Nie należy kroić argumentów, ponieważ uniemożliwia to optymalizację w silnikach JavaScript (na przykład V8).


2
Dziękuję za aktualizację. Użyj JSON.stringify i JSON.parse jako alternatywy: function foo() { foo.bar = JSON.stringify(arguments); foo.baz = JSON.parse(foo.bar); } Jeśli zachodzi potrzeba zachowania zamiast sznurowania, użyj wewnętrznego algorytmu klonowania strukturalnego . Jeśli węzły DOM zostaną przekazane, użyj XMLSerializer jak w niepowiązanym pytaniu . with (new XMLSerializer()) {serializeToString(document.documentElement) }
Paul Sweatte,

7

Jak wielu zauważyło, arguments zawiera wszystkie argumenty przekazane do funkcji.

Jeśli chcesz wywołać inną funkcję z tymi samymi argumentami, użyj apply

Przykład:

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

debug("message", "another argument")

4

Podobna odpowiedź do Gunnara, z bardziej kompletnym przykładem: Możesz nawet w przejrzysty sposób zwrócić całość:

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

Wynik:

foo
bar
true
42
["yes","no"]
{"banana":true}

https://codepen.io/fnocke/pen/mmoxOr?editors=0010


3

Tak, jeśli nie masz pojęcia, ile argumentów jest możliwych w momencie deklaracji funkcji, możesz zadeklarować funkcję bez parametrów i uzyskać dostęp do wszystkich zmiennych za pomocą tablicy argumentów przekazywanych w momencie wywołania funkcji.


2

W ES6 możesz zrobić coś takiego:

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

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


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


1
Możesz nawet wykonać funkcję `` foo (a, b, ... c) {console.log (a, b, c); } ``
TitouanT

-11

W ES6 użyj 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"

W przypadku kodu innego niż ES6 użyj JSON.stringify i 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]

Jeśli zamiast strityfikacji konieczne jest zachowanie, użyj wewnętrznego algorytmu klonowania strukturalnego .

Jeśli węzły DOM zostaną przekazane, użyj XMLSerializer jak w niepowiązanym pytaniu .

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

Jeśli działa jako bookmarklet, może być konieczne zawinięcie każdego argumentu danych strukturalnych w konstruktora błędów dla JSON.stringify aby działał poprawnie.

Bibliografia


3
Po pierwsze: spowoduje to sklonowanie wszystkich przekazanych obiektów. Po drugie: nie wszystko można powiązać z JSON. Mianowicie: funkcje, obiekty DOM, wspomniane daty są traktowane jako ciągi znaków
John Dvorak

@JanDvorak Czy możesz edytować moją odpowiedź za pomocą funkcji, która obsługuje obiekty DOM, funkcje i daty?
Paul Sweatte

1
+1, próbując przekazać argumenty do zgłaszania błędów jako ciąg, obiekt kończy się jako ciąg „[argumenty obiektu]” i zalogowanie go do konsoli nie wyświetla wartości. Chociaż wydaje się, że nie odpowiada na OP, odpowiada na moje pytanie, dzięki!
John
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.