Funktionargumente transformieren

JavaScriptJavaScriptBeginner
Jetzt üben

This tutorial is from open-source community. Access the source code

💡 Dieser Artikel wurde von AI-Assistenten übersetzt. Um die englische Version anzuzeigen, können Sie hier klicken

Einführung

In diesem Lab werden wir die Verwendung der overArgs-Funktion in JavaScript erkunden. Die Funktion ermöglicht es uns, Argumente zu transformieren, bevor wir sie an eine andere Funktion übergeben. Wir werden lernen, wie wir overArgs verwenden, um den Code zu vereinfachen und die Wiederverwendbarkeit zu erhöhen, indem wir eine neue Funktion erstellen, die eine vorhandene Funktion mit transformierten Argumenten aufruft.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28666{{"Funktionargumente transformieren"}} javascript/data_types -.-> lab-28666{{"Funktionargumente transformieren"}} javascript/arith_ops -.-> lab-28666{{"Funktionargumente transformieren"}} javascript/comp_ops -.-> lab-28666{{"Funktionargumente transformieren"}} javascript/array_methods -.-> lab-28666{{"Funktionargumente transformieren"}} javascript/higher_funcs -.-> lab-28666{{"Funktionargumente transformieren"}} javascript/spread_rest -.-> lab-28666{{"Funktionargumente transformieren"}} end

Funktionargumente transformieren

Um Funktionargumente zu transformieren, verwenden Sie die overArgs-Funktion, die eine neue Funktion erstellt, die die bereitgestellte Funktion mit transformierten Argumenten aufruft.

  • Um die Argumente zu transformieren, verwenden Sie Array.prototype.map() in Kombination mit dem Spread-Operator (...) und übergeben Sie die transformierten Argumente an fn.
const overArgs =
  (fn, transforms) =>
  (...args) =>
    fn(...args.map((val, i) => transforms[i](val)));
  • Um die overArgs-Funktion zu testen, erstellen Sie eine Beispiel-Funktion und ein Array von Transformationen und rufen Sie dann die neue Funktion mit Argumenten auf.
const square = (n) => n * n;
const double = (n) => n * 2;

const fn = overArgs((x, y) => [x, y], [square, double]);
fn(9, 3); // [81, 6]

Um mit der Code-Praxis zu beginnen, öffnen Sie das Terminal/SSH und geben Sie node ein.

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Transform Function Arguments" abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.