JavaScript プログラミング実験 | 実践的演習

はじめに

この実験では、一連の実践的な演習を通じて、JavaScript のプログラミング概念と技術を探索します。この実験は、JavaScript をより深く理解し、実際のシナリオでの練習を通じてプログラミングスキルを向上させることを目的としています。関数の作成、配列やオブジェクトの操作、DOM の操作による動的なウェブページの作成などのタスクに取り組みます。この実験の終了時には、JavaScript プログラミングの堅固な基礎を築き、より複雑なアプリケーションを構築するために知識を活用できるようになります。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL 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/cond_stmts("Conditional Statements") javascript/BasicConceptsGroup -.-> javascript/loops("Loops") subgraph Lab Skills javascript/variables -.-> lab-28593{{"JavaScript の実践的演習"}} javascript/data_types -.-> lab-28593{{"JavaScript の実践的演習"}} javascript/arith_ops -.-> lab-28593{{"JavaScript の実践的演習"}} javascript/comp_ops -.-> lab-28593{{"JavaScript の実践的演習"}} javascript/cond_stmts -.-> lab-28593{{"JavaScript の実践的演習"}} javascript/loops -.-> lab-28593{{"JavaScript の実践的演習"}} end

繰り返しジェネレーターを使ったコード練習

コーディングの練習をするには、ターミナル/SSH を開き、node と入力して、与えられた値を無限に繰り返すジェネレーターを作成します。Generator.prototype.next() が呼び出されるたびに値を yield する無限ループの while ループを使用します。そして、渡された値が undefined でない場合、yield 文の戻り値を使用して返される値を更新します。

const repeatGenerator = function* (val) {
  let v = val;
  while (true) {
    let newV = yield v;
    if (newV !== undefined) v = newV;
  }
};

ジェネレーターをテストするには、値 5 を使用してインスタンスを作成し、repeater.next() を呼び出してシーケンスの次の値を取得します。出力は { value: 5, done: false } になります。再度 repeater.next() を呼び出すと、同じ値が返されます。値を変更するには、repeater.next(4) を呼び出します。これにより、{ value: 4, done: false } が返されます。最後に、repeater.next() を呼び出すと、更新された値 { value: 4, done: false } が返されます。

まとめ

おめでとうございます！繰り返しジェネレーターの実験を完了しました。LabEx でさらに多くの実験を練習して、スキルを向上させることができます。