JavaScript-Praktische Übungen

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 JavaScript-Programmierkonzepte und -Techniken durch eine Reihe von praktischen Übungen erkunden. Das Lab ist so konzipiert, dass es Ihnen hilft, ein tieferes Verständnis von JavaScript zu erlangen und Ihre Programmierfähigkeiten zu verbessern, indem Sie mit realen Szenarien üben. Sie werden an Aufgaben arbeiten, wie das Erstellen von Funktionen, das Arbeiten mit Arrays und Objekten sowie das Manipulieren des DOMs, um dynamische Webseiten zu erstellen. Am Ende dieses Labs werden Sie eine solide Grundlage in der JavaScript-Programmierung haben und Ihre Kenntnisse anwenden können, um komplexere Anwendungen zu entwickeln.

Dies ist ein Guided Lab, das schrittweise Anweisungen bietet, um Ihnen beim Lernen und Üben zu helfen. Befolgen Sie die Anweisungen sorgfältig, um jeden Schritt abzuschließen und praktische Erfahrungen zu sammeln. Historische Daten zeigen, dass dies ein Labor der Stufe Anfänger mit einer Abschlussquote von 85% ist. Es hat eine positive Bewertungsrate von 100% von den Lernenden erhalten.

Codepraktikum mit Repeat Generator

Um das Codieren zu üben, öffnen Sie das Terminal/SSH und geben Sie node ein, um einen Generator zu erstellen, der den gegebenen Wert unendlich oft wiederholt. Verwenden Sie eine nicht endende while-Schleife, die jedes Mal einen Wert yield-ed, wenn Generator.prototype.next() aufgerufen wird. Verwenden Sie dann den Rückgabewert der yield-Anweisung, um den zurückgegebenen Wert zu aktualisieren, wenn der übergebene Wert nicht undefined ist.

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

Um den Generator zu testen, erstellen Sie eine Instanz davon mit dem Wert 5 und rufen Sie repeater.next() auf, um den nächsten Wert in der Sequenz zu erhalten. Die Ausgabe wird { value: 5, done: false } sein. Wenn Sie repeater.next() erneut aufrufen, wird der gleiche Wert zurückgegeben. Um den Wert zu ändern, rufen Sie repeater.next(4) auf, was { value: 4, done: false } zurückgeben wird. Schließlich wird das Aufrufen von repeater.next() den aktualisierten Wert { value: 4, done: false } zurückgeben.

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Repeat Generator-Lab abgeschlossen. Sie können in LabEx weitere Labs üben, um Ihre Fähigkeiten zu verbessern.