Funktionen mit Kontext aufrufen

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 untersuchen, wie man in JavaScript mithilfe einer Closure Funktionen mit einem Kontext aufruft. Wir werden lernen, wie man einen Schlüssel und eine Menge von Argumenten an eine Funktion übergibt und dann mit dem angegebenen Kontext aufruft. Anhand von praktischen Beispielen werden wir sehen, wie diese Technik verwendet werden kann, um den Code zu vereinfachen und lesbarer zu machen.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/ToolsandEnvironmentGroup(["Tools and Environment"]) 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/async_prog("Asynchronous Programming") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") javascript/ToolsandEnvironmentGroup -.-> javascript/debugging("Debugging") subgraph Lab Skills javascript/variables -.-> lab-28185{{"Funktionen mit Kontext aufrufen"}} javascript/data_types -.-> lab-28185{{"Funktionen mit Kontext aufrufen"}} javascript/arith_ops -.-> lab-28185{{"Funktionen mit Kontext aufrufen"}} javascript/comp_ops -.-> lab-28185{{"Funktionen mit Kontext aufrufen"}} javascript/array_methods -.-> lab-28185{{"Funktionen mit Kontext aufrufen"}} javascript/async_prog -.-> lab-28185{{"Funktionen mit Kontext aufrufen"}} javascript/higher_funcs -.-> lab-28185{{"Funktionen mit Kontext aufrufen"}} javascript/spread_rest -.-> lab-28185{{"Funktionen mit Kontext aufrufen"}} javascript/debugging -.-> lab-28185{{"Funktionen mit Kontext aufrufen"}} end

Wie man in JavaScript Funktionen mit einem Kontext aufruft

Um Code in Node.js auszuführen, öffnen Sie das Terminal/SSH und geben Sie node ein. Wenn Sie in JavaScript eine Funktion mit einem bestimmten Kontext und einer Menge von Argumenten aufrufen möchten, können Sie eine Closure verwenden. Hier ist, wie Sie es tun können:

  1. Definieren Sie eine Funktion namens call, die einen Schlüssel und eine Menge von Argumenten als Parameter nimmt und eine neue Funktion zurückgibt, die einen Kontext-Parameter nimmt.
const call =
  (key, ...args) =>
  (context) =>
    context[key](...args);
  1. Verwenden Sie die call-Funktion, um die map-Funktion auf einem Array von Zahlen aufzurufen. In diesem Beispiel verdoppelt die map-Funktion jede Zahl im Array.
Promise.resolve([1, 2, 3])
  .then(call("map", (x) => 2 * x))
  .then(console.log); // [ 2, 4, 6 ]
  1. Sie können die call-Funktion auch an einen bestimmten Schlüssel wie map binden und sie verwenden, um die map-Funktion auf einem Array von Zahlen aufzurufen.
const map = call.bind(null, "map");
Promise.resolve([1, 2, 3])
  .then(map((x) => 2 * x))
  .then(console.log); // [ 2, 4, 6 ]

Durch die Verwendung der call-Funktion können Sie leicht jede Funktion mit einem bestimmten Kontext und einer Menge von Argumenten aufrufen.

Zusammenfassung

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