È possibile ottenere tutti gli argomenti di una funzione come singolo oggetto all'interno di quella funzione?


Risposte:


346

Usa arguments. Puoi accedervi come un array. Utilizzare arguments.lengthper il numero di argomenti.


46
Funziona solo con le funzioni JavaScript tradizionali function, non ES2015 + fat arrow =>. Per quelli, ti voglio utilizzare ...argsnella definizione di funzione in questo modo: (...args) => console.log(args).
Sawtaytoes,

141

L' argomento è un oggetto simile a un array (non un array reale). Esempio di funzione ...

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

Provalo...

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]

I dettagli completi: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Functions_and_function_scope/arguments


3
Perché non pubblicare il risultato anche qui? :)
Jonathan Azulay,

2
È molto meglio della risposta accettata perché contiene uno snippet di codice funzionante e mostra l'output. La risposta accettata è troppo scarsa.
Mac,

Buona risposta ... sarebbe un'ottima risposta espandendo "non un array reale"
terpinmd

Ho aggiunto un collegamento a una semplice descrizione: un "oggetto simile a una matrice" è solo un "oggetto che ha una proprietà length di un intero non negativo e di solito alcune proprietà indicizzate". Dal collegamento mozilla: "È simile a un array, ma non ha proprietà dell'array tranne la lunghezza."
Luca,

31

ES6 consente un costrutto in cui viene specificato un argomento di funzione con una notazione "..." come

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

3
Questo sembra essere l'unico modo quando si utilizza la funzione freccia. a = () => {console.log(arguments);}; a('foo');-- Uncaught ReferenceError: arguments is not defined Comunque a = (...args) => {console.log(args);}; a('foo');["foo"]
David Baucum il

1
@DavidBaucum che è corretto. Perché la funzione freccia non crea un nuovo ambito e gli "argomenti" vengono raccolti dall'ambito. Ma lo scenario peggiore non è un ReferenceError. È che "argomenti" sono raccolti da un ambito esterno. Quindi non ottieni eccezioni e forse strani bug nella tua applicazione.
pgsandstrom,

1
Questo è anche chiamato "parametri di riposo", vedere developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… .
Dennis,

21

L' argumentsoggetto è dove sono memorizzati gli argomenti delle funzioni.

L'oggetto argomenti si comporta e si presenta come un array, in pratica lo è, semplicemente non ha i metodi utilizzati dagli array, ad esempio:

Array.forEach(callback[, thisArg]);

Array.map(callback[, thisArg])

Array.filter(callback[, thisArg]);

Array.slice(begin[, end])

Array.indexOf(searchElement[, fromIndex])

Penso che il modo migliore per convertire un argumentsoggetto in un vero array sia così:

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

Questo lo renderà un array;

riutilizzabile:

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

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

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

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

risultato:

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


1
[].slice.apply(arguments);non può essere il modo migliore perché causa un'allocazione di array vuota non necessaria.
Thomas Eding,

10

Puoi anche convertirlo in un array se preferisci. Se i generici di array sono disponibili:

var args = Array.slice(arguments)

Altrimenti:

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

da Mozilla MDN :

Non dovresti tagliare gli argomenti perché impedisce le ottimizzazioni nei motori JavaScript (V8 per esempio).


2
Grazie per l'aggiornamento. Utilizzare JSON.stringify e JSON.parse come alternativa: function foo() { foo.bar = JSON.stringify(arguments); foo.baz = JSON.parse(foo.bar); } se è necessaria la conservazione anziché la stringificazione, utilizzare l' algoritmo di clonazione strutturato interno . Se vengono passati nodi DOM, utilizzare XMLSerializer come in una domanda non correlata . with (new XMLSerializer()) {serializeToString(document.documentElement) }
Paul Sweatte,

7

Come molti altri hanno sottolineato, argumentscontiene tutti gli argomenti passati a una funzione.

Se vuoi chiamare un'altra funzione con gli stessi argomenti, usa apply

Esempio:

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

debug("message", "another argument")

4

Risposta simile a Gunnar, con un esempio più completo: puoi persino restituire in modo trasparente il tutto:

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

Produzione:

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

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


3

Sì, se non si ha idea del numero di argomenti possibili al momento della dichiarazione della funzione, è possibile dichiarare la funzione senza parametri e accedere a tutte le variabili tramite array di argomenti che vengono passati al momento della chiamata della funzione.


2

In ES6 puoi fare qualcosa del genere:

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

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


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


1
Puoi anche fare `` funzione foo (a, b, ... c) {console.log (a, b, c); } ``
TitouanT

-11

In ES6, utilizzare 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"

Per codice non ES6, utilizzare JSON.stringify e 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]

Se è necessaria la conservazione anziché la stringificazione, utilizzare l' algoritmo di clonazione strutturato interno .

Se vengono passati nodi DOM, utilizzare XMLSerializer come in una domanda non correlata .

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

Se eseguito come bookmarklet, potrebbe essere necessario racchiudere ciascun argomento di dati strutturati in un costruttore Error per JSON.stringifyfunzionare correttamente.

Riferimenti


3
Primo: questo clonerà qualunque oggetto venga passato. Secondo: non tutto può essere stretto a JSON. Vale a dire: funzioni, oggetti DOM, dette date si stringono come stringhe ...
John Dvorak,

@JanDvorak Puoi modificare la mia risposta con una funzione che gestisce oggetti, funzioni e date DOM?
Paul Sweatte,

1
+1, provando a passare gli argomenti per la segnalazione degli errori come una stringa, l'oggetto finisce come una stringa "[Argomenti oggetto]" e registrandolo sulla console non visualizza i valori. Anche se non sembra rispondere all'OP, risponde alla mia domanda, grazie!
John,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.