JavaScript における関数の引数を前置する

はじめに

この実験では、JavaScript における関数の部分関数の概念を探り、与えられた関数に引数を簡単に前置することができる高階関数を作成する方法を学びます。実際の例と演習を通じて、部分関数がどのように機能するか、およびコードを簡素化してよりモジュール化するためにどのように使用できるかを理解します。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic 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/str_manip("String Manipulation") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28553{{"関数の引数を前置する"}} javascript/data_types -.-> lab-28553{{"関数の引数を前置する"}} javascript/arith_ops -.-> lab-28553{{"関数の引数を前置する"}} javascript/comp_ops -.-> lab-28553{{"関数の引数を前置する"}} javascript/str_manip -.-> lab-28553{{"関数の引数を前置する"}} javascript/spread_rest -.-> lab-28553{{"関数の引数を前置する"}} end

部分関数で前置された関数の引数

コーディングの練習を始めるには、ターミナル/SSH を開いて node を入力します。

関数 partial は、partials を最初の引数として fn を呼び出す新しい関数を作成するために使用されます。

スプレッド演算子 (...) を使用して、partials を fn の引数のリストの先頭に追加します。

const partial =
  (fn, ...partials) =>
  (...args) =>
    fn(...partials, ...args);

const greet = (greeting, name) => greeting + " " + name + "!";
const greetHello = partial(greet, "Hello");
greetHello("John"); // 'Hello John!'

まとめ

おめでとうございます！あなたは関数の引数を前置する実験を完了しました。あなたのスキルを向上させるために、LabExでさらに実験を行って練習することができます。