Unterrichtsleitfaden: Einführung in JS - Funktionen

Was gelernt wird

• Wie sie ihre eigenen benutzerdefinierten Funktionen definieren, so dass sie zusammenhängenden Code gruppieren und diesen Code einfach mehrfach aufrufen können.
• Wie sie Parameter für ihre benutzerdefinierten Funktionen definieren, so dass ihre Funktion jedes Mal etwas anderes zeichnen kann, wenn sie aufgerufen wird.
• Wie sie Werte von ihren benutzerdefinierten Funktionen zurückgeben, so dass sie Funktionen erstellen können, um Werte zu berechnen oder Strings zu generieren.
• Der wichtige Unterschied zwischen globalen Variablen und lokalen Variablen.
• Der Unterschied zwischen den benutzerdefinierten Funktionen, die sie definieren und den speziellen ProcessingJS-Funktionen, die sie umdefinieren, wie draw().

Die Lernenden werden in der Lage sein, Programmcode zu schreiben wie:

Wo die Lernenden Probleme haben

• Schüler verstehen nicht immer die Motivation hinter der Gruppierung von Code in wiederverwendbare Funktionen. Das liegt wahrscheinlich daran, dass sie noch keine großen Programme programmiert haben, in denen sie die gleichen Codeblöcke mehrfach wiederholt haben. Du kannst ihnen sagen, dass viele Programme tausende von Zeilen lang sind, so dass es dort absolut notwendig ist, Funktionen für die Funktionalität zu haben, die das Programm immer wieder ausführt. Du kannst dir auch ein paar Programme aus der Community anschauen und sehen, wie sie Funktionen verwenden.
• Schüler sind manchmal verwirrt über den Unterschied zwischen benutzerdefinierten Funktionen und den ProcessingJS Funktionen wie rect(). Auf Khan Academy binden wir automatisch die ProcessingJS-Bibliothek in jedes Programm ein, und diese Bibliothek ist eine Sammlung von bereits definierten Funktionen. Deshalb kann jedes Programm diese Funktionen aufrufen. Schüler können dann zusätzliche Funktionen in ihren eigenen Programmen definieren, aber sie können sie nur in dem Programm aufrufen, in dem sie definiert sind.
• Schüler haben vielleicht Schwierigkeiten, Funktionsparameter im Gegensatz zu Variablen zu verstehen. Wenn sie eine Funktion aufrufen und Parameter übergeben, werden diese dann zu lokalen Variablen innerhalb ihrer Funktion, mit den Namen aus der Funktionsdefinition. Sie können die Werte mit println() an verschiedenen Punkten in ihrem Code verfolgen. Hier ist ein Beispielprogramm, das häufige Fehler aufspürt.
• Schüler verstehen vielleicht nicht ganz, was return innerhalb einer Funktion macht. Ermuntere diese Schüler, nachdem sie die Calculator Challenge gemacht haben, dazu, Funktionen zu erstellen, die andere Ausdrücke berechnen und deren Ergebnisse auf dem Bildschirm anzeigen. Fordere sie auf, die Anweisung return zu entfernen oder sie zu verschieben, um zu sehen, was passiert.

Zusätzliches Material: Offline-Aktivitäten

Zusätzliches Material: Diskussionsfragen

• Bitte die Lernenden über ihre täglichen Aktivitäten und welche Schritte sie wiederholen nachzudenken. Welche Funktionen könnten sie programmieren, wenn sie sich selbst programmieren könnten?
• Bitte Schüler ein vorheriges Projekt anzusehen und zu schauen, ob sie Code-Blöcke finden können, die als Funktion sinnvoll wären. Wenn sie jemals mehrere Kopien desselben Objekts in einer Zeichnung gezeichnet haben, ist dies wahrscheinlich ein guter Fall für eine Funktion!

Zusätzliches Material: Quizfragen