Benannte Parameter in JavaScript

Im heutigen Beitrag sehen wir uns benannte Parameter in JavaScript an.

Benannte Parameter in JavaScript

Der wichtigste Punkt, den man aus Positionsargumenten mitnehmen sollte, ist, dass der Name des Arguments bedeutungslos ist. Die Reihenfolge, in der Argumente übergeben werden, ist das Einzige, was zählt.

const functionName = (argument1, argument2) => {
  console.log(`Hello ${argument1} ${argument2}`);
}

Da es schwierig ist, die Reihenfolge der Argumente zu verwechseln, funktioniert es normalerweise perfekt für Situationen, in denen Sie ein oder zwei Argumente senden. Es wäre jedoch schwierig, sich die Reihenfolge der zu übergebenden Argumente zu merken, wenn Sie einen Aufruf tätigen müssten, der eine Anzahl von n Argumenten erfordert.

Standardmäßig werden benannte Argumente von JavaScript nicht unterstützt. Sie können jedoch eine ähnliche Aufgabe ausführen, indem Sie Objektliterale und Destrukturierung verwenden.

Auch wenn Sie Standardwerte eingerichtet haben, können Sie Fehler beim Aufruf der Funktion ohne Parameter vermeiden, indem Sie das Objekt dem leeren Objekt zuweisen.

Da die Funktion nicht mehr von der Reihenfolge abhängig ist, in der die Argumente geliefert werden, können wir die Argumente, die wir nicht übergeben möchten, auch ausschließen, indem wir das Muster des benannten Arguments verwenden.

const namedParamFunction = ({argument1, argument2, argument3} = {}) => {
  console.log(argument1, argument2, argument3)
} namedParamFunction({argument3: 'DelftStack!', argument1: 'Hello'});

Zusammenfassend würden wir argumentieren, dass benannte Argumente ein starkes Muster sind, das jetzt weit verbreitet ist, aber Sie müssen sie nicht unbedingt verwenden. Sie können die beiden manchmal sogar kombinieren.

Führen Sie die obige Codezeile in jedem mit JavaScript kompatiblen Browser aus. Es wird das folgende Ergebnis angezeigt:

"Hello DelftStack Users!"
"Hello", undefined, "DelftStack!"

Demo