Wie funktionieren Parameter und Argumente in JavaScript? Rest- und Standardparameter erklärt

In JavaScript werden Argumente, die einer Funktion übergeben werden, den definierten Parametern in der Reihenfolge ihrer Position zugewiesen. Überschüssige Argumente, für die keine Parameter vorgesehen sind, bleiben ungebunden und sind zunächst nicht zugänglich. Fehlen hingegen Argumente für bestimmte Parameter, so werden diese Parameter mit dem Wert undefined belegt. Ein Aufruf wie practice("Yoshi", "sword", "shadow sword", "katana") weist den Parametern ninja, weapon und technique die ersten drei Argumente zu, während das vierte Argument katana überzählig ist und nicht gebunden wird. Ruft man hingegen practice("Yoshi") auf, so erhält nur ninja den Wert Yoshi, während weapon und technique den Wert undefined annehmen.

Mit der Einführung von ES2015 (auch bekannt als ES6) wurden zwei wichtige Funktionalitäten ergänzt, die den Umgang mit Argumenten und Parametern deutlich verbessern: Rest-Parameter und Standard-Parameter.

Standard-Parameter bieten die Möglichkeit, Funktionsparameter mit einem vordefinierten Wert zu versehen, der verwendet wird, wenn beim Funktionsaufruf kein entsprechendes Argument übergeben wird. Das Beispiel der Funktion performAction(ninja, action = "skulking") zeigt, wie für den Parameter action der Standardwert "skulking" gesetzt wird. Wird die Funktion ohne Angabe eines action-Arguments aufgerufen, so wird dieser Standardwert automatisch verwendet, was redundante Argumentangaben überflüssig macht und die Lesbarkeit sowie Wartbarkeit des Codes verbessert. Die Möglichkeit, Standardwerte beliebiger Komplexität — von primitiven Werten bis hin zu Objekten oder Funktionen — zu vergeben, macht dieses Feature sehr vielseitig. Darüber hinaus können Standardwerte auf vorherige Parameter referenzieren, was aber aus Gründen der Klarheit und Wartbarkeit eher mit Vorsicht zu genießen ist.

Neben der Syntax ist es essenziell, sich bewusst zu machen, wie die Parameterzuweisung im Detail funktioniert und welche Implikationen dies für die Funktionsaufrufe und die Fehlerbehandlung hat. Insbesondere die Tatsache, dass nicht zugewiesene Parameter den Wert undefined erhalten, ist ein potenzieller Fehlerherd, der bewusst berücksichtigt werden sollte, um unerwartete Laufzeitfehler zu vermeiden. Auch wenn JavaScript oft als dynamisch und flexibel gilt, führt diese Dynamik ohne geeignete Vorkehrungen leicht zu Problemen, etwa wenn Funktionen mit einer falschen Anzahl oder falschen Typen von Argumenten aufgerufen werden.

Darüber hinaus sind beim Einsatz von Standardparametern und Rest-Parametern auch Performance-Überlegungen relevant: Rest-Parameter erzeugen ein Array bei jedem Funktionsaufruf, was bei sehr häufigen Aufrufen oder großen Argumentlisten zu beachten ist. Auch die Reihenfolge der Parameter ist entscheidend, da der Rest-Parameter immer am Ende stehen muss, um die korrekte Argumentzuweisung zu gewährleisten.

Wie funktioniert „this“ in JavaScript bei Methoden- und Konstruktoraufrufen?

In JavaScript ist „this“ ein flexibles Konzept, das sich je nach Art des Funktionsaufrufs verändert. Bei Methodenaufrufen, also wenn eine Funktion als Eigenschaft eines Objekts aufgerufen wird, verweist „this“ auf genau dieses Objekt. Das bedeutet, dass eine Funktion, die „this“ verwendet, an verschiedene Objekte angehängt und als deren Methode aufgerufen werden kann, wobei „this“ immer auf das jeweilige Objekt zeigt. Allerdings gilt das nur für Funktionen, die mit der Function-Deklaration oder Function-Expression-Syntax erstellt wurden. Pfeilfunktionen und gebundene Funktionen verhalten sich hier anders.

Die Notation des Funktionsaufrufs ist entscheidend: Wird die Funktion über den Punkt-Operator (objekt.methode()) aufgerufen, erhält „this“ das Objekt als Kontext. Wird dieselbe Funktion jedoch über die Klammernotation (objekt"methode") aufgerufen, verhält sie sich wie eine eigenständige Funktion, und „this“ ist dann meist undefiniert oder verweist auf den globalen Kontext.

Ein grundlegend anderer Fall ist der Aufruf als Konstruktor mit dem Schlüsselwort „new“. Klassisch werden Konstruktorfunktionen mit Function-Deklarationen oder -Expressions erstellt. Wenn eine Funktion mit „new“ aufgerufen wird, erzeugt JavaScript automatisch ein neues, leeres Objekt. Dieses neue Objekt wird als „this“ an die Konstruktorfunktion übergeben. Innerhalb des Konstruktors können dann Eigenschaften und Methoden auf „this“ definiert werden, die später die Instanz ausmachen. Nach der Ausführung gibt der Konstruktor standardmäßig das neu erstellte Objekt zurück, es sei denn, es wird explizit ein anderes Objekt zurückgegeben.

Besondere Aufmerksamkeit verdient die Rückgabe von Werten in Konstruktorfunktionen: Wird explizit ein Objekt zurückgegeben, ersetzt dieses das automatisch erstellte „this“-Objekt als Rückgabewert. Wird dagegen ein primitiver Wert zurückgegeben, ignoriert JavaScript diesen und gibt stattdessen „this“ zurück. Deshalb ist es meist ratsam, explizite Rückgaben in Konstruktoren zu vermeiden, um unerwartete Verhalten zu verhindern.

Um herauszufinden, ob eine Funktion mit „new“ aufgerufen wurde, kann man seit ES2015 die Eigenschaft „new.target“ verwenden. Ist „new.target“ definiert, erfolgte der Aufruf als Konstruktor. Dies ist zuverlässiger als ältere Methoden wie „this instanceof Funktion“, die falsche Ergebnisse liefern konnten.

Heutzutage empfiehlt sich für Konstruktoren die Verwendung der class-Syntax, die syntaktisch klarer und durch Werkzeuge wie TypeScript besser überprüfbar ist. Sie macht den Unterschied zwischen Funktionen und Konstruktoren transparent und reduziert Fehlerquellen.

Neben den Standardaufrufen gibt es auch Methoden, die explizit den Wert von „this“ setzen können: die Funktionen „apply“ und „call“. Diese Methoden ermöglichen es, den Kontext einer Funktion gezielt zu bestimmen, was vor allem bei flexibler Programmgestaltung nützlich ist.

Die Bedeutung von „this“ und die Art des Funktionsaufrufs sind also grundlegend, um in JavaScript korrekt mit Objekten und deren Methoden zu arbeiten. Das Verständnis dieser Mechanismen hilft, typische Fallstricke zu vermeiden und den Code klar und wartbar zu gestalten.