Weitergabe von Argumenten an eine andere Javascript-Funktion

Ich habe Folgendes ohne Erfolg versucht:

function a(args){
    b(arguments);
}

function b(args){
    // arguments are lost?
}

a(1,2,3);

In Funktion a kann ich das Argument-Schlüsselwort verwenden, um auf ein Array von Argumenten zuzugreifen. In Funktion b gehen diese verloren. Gibt es eine Möglichkeit, Argumente an eine andere Javascript-Funktion zu übergeben, wie ich es versuche?

Verwenden Sie .apply()diese Option , um denselben Zugriff auf die argumentsFunktion zu haben b:

function a(){
    b.apply(null, arguments);
}
function b(){
   alert(arguments); //arguments[0] = 1, etc
}
a(1,2,3);​

Sie können es hier testen .

Spread-Operator

Mit dem Spread-Operator kann ein Ausdruck an Stellen erweitert werden, an denen mehrere Argumente (für Funktionsaufrufe) oder mehrere Elemente (für Array-Literale) erwartet werden.

ECMAScript ES6 hat einen neuen Operator hinzugefügt, mit dem Sie dies praktischer tun können: ... Spread Operator .

Beispiel ohne Verwendung der applyMethode:

function a(...args){
  b(...args);
  b(6, ...args, 8) // You can even add more elements
}
function b(){
  console.log(arguments)
}

a(1, 2, 3)

Note Dieses Snippet gibt einen Syntaxfehler zurück, wenn Ihr Browser weiterhin ES5 verwendet.

^{Anmerkung des Herausgebers: Da das Snippet verwendet wird console.log(), müssen Sie die JS-Konsole Ihres Browsers öffnen, um das Ergebnis anzuzeigen. Es wird kein In-Page-Ergebnis angezeigt .}

Dieses Ergebnis wird angezeigt:

Kurz gesagt, der Spread-Operator kann für verschiedene Zwecke verwendet werden, wenn Sie Arrays verwenden. Er kann also auch für Funktionsargumente verwendet werden. Ein ähnliches Beispiel finden Sie in den offiziellen Dokumenten: Rest-Parameter

Die Erklärung , dass keiner der anderen Antworten liefern , ist , dass die ursprünglichen Argumente sind immer noch vorhanden, aber nicht in der ursprünglichen Position in dem argumentsObjekt.

Das argumentsObjekt enthält ein Element für jeden Aktualparameter, der der Funktion zur Verfügung gestellt wird. Wenn Sie anrufen aversorgen Sie drei Argumente: die Zahlen 1, 2und, 3. Also argumentsenthält [1, 2, 3].

function a(args){
    console.log(arguments) // [1, 2, 3]
    b(arguments);
}

Wenn Sie jedoch aufrufen b, übergeben Sie genau ein Argument: adas argumentsObjekt. So argumentsenthält [[1, 2, 3]](dh ein Element, das ist a‚s - argumentsObjekt, das Objekte enthält , die ursprünglichen Argumente hat a).

function b(args){
    // arguments are lost?
    console.log(arguments) // [[1, 2, 3]]
}

a(1,2,3);

Wie @Nick gezeigt hat, können Sie applyein festgelegtes argumentsObjekt im Aufruf bereitstellen .

Folgendes führt zum gleichen Ergebnis:

function a(args){
    b(arguments[0], arguments[1], arguments[2]); // three arguments
}

Ist applyaber im allgemeinen Fall die richtige Lösung.

Versuche dies

function global_func(...args){
  for(let i of args){
    console.log(i)
  }
}


global_func('task_name', 'action', [{x: 'x'},{x: 'x'}], {x: 'x'}, ['x1','x2'], 1, null, undefined, false, true)




//task_name
//action
//(2) [{...},
//    {...}]
//    {
//        x:"x"
//    }
//(2) [
//        "x1",
//        "x2"
//    ]
//1
//null
//undefined
//false
//true
//func