Funktionsparameter und Argumente in JavaScript

In JavaScript werden die Begriffe Parameter und Argumente einer Funktion häufig austauschbar verwendet, obwohl es einen signifikanten Unterschied zwischen ihnen gibt. Wenn wir eine Funktion definieren, die Funktionsparameter sind inklusive. Sie können auch eine Variablenliste angeben, während Sie eine Funktion deklarieren, und diese Variablen werden als Funktionsparameter bezeichnet. Wenn wir jedoch die erstellte Funktion aufrufen oder aufrufen, indem wir einige Werte übergeben, werden diese Werte aufgerufenFunktionsargumente”.

In diesem Artikel werden Funktionsparameter und Argumente in JavaScript diskutiert. Darüber hinaus werden wir auch über die Regeln der Funktionsparameter in JavaScript sprechen und Funktionsparameter, nicht übereinstimmende Funktionsparameter, Standardfunktionsparameter, Argumentobjekte, über den Wert übergeben und nach Referenz übergeben, mit Hilfe von Beispielen. So lass uns anfangen!

Funktionsparameter in JavaScript

In JavaScript sind die Parameter die Variablen, die wir in der Funktionserklärung auflisten. Wenn wir eine Funktion erstellen, nehmen wir Parameter vor, die in der Funktionsdefinition enthalten sind. In den Klammern können mehrere Parameter hinzugefügt werden, die durch Kommas getrennt sind, wie in der folgenden Syntax gezeigt:

Funktionsname (Parameter1, Parameter2, Parameter3)
// Körper der Funktion

Hier, "X" Und "y"Sind Parameter im folgenden"Nummer hinzufügen()Funktion:

Funktion addnumber (x, y)
Rückgabe x+y;

Funktionsargumente in JavaScript

Der Wert, den wir an eine Funktion übergeben, wird als Argument einer Funktion bezeichnet. Der Funktion werden Argumente zur Verfügung gestellt, wenn wir sie aufrufen. Zum Beispiel im folgenden Beispiel: “5" Und "6Sind die Argumente an die “übergeben“Nummer hinzufügen()Funktion:

var sum = addNumber (5,6)
Konsole.Protokoll (Summe)

Wenn wir die Funktion addNumber () aufrufen, erstellt JavaScript zwei neue VariablenX" Und "y,Entsprechend unseren definierten Parametern und initialisiert sie dann durch die Verwendung der Argumente. Danach wird der Körper der Funktion ausgeführt:

Funktionsparameterregeln in JavaScript

Hier sind einige der Regeln, die für Parameter in JavaScript definiert sind:

• Sie können eine beliebige Anzahl von Parametern für Ihre JavaScript -Funktion definieren, und die Anzahl der hinzugefügten Argumente muss nicht mit der Anzahl der Parameter übereinstimmen.
• Sie können auch Standardparameterwerte definieren, während Sie Funktionen deklarieren.
• Parameter werden in JavaScript von links nach rechts ausgewertet.

Hinzufügen von Funktionsparametern in JavaScript

Sie können Ihrer JavaScript -Funktion entsprechend Ihren Anforderungen mehrere Parameter hinzufügen. Zum Beispiel werden wir eine "erstellen"Firstfunc ()"Funktion, die keine Parameter hat und eine Zeichenfolge zurückgibt"Dies ist LinuxHint.com”:

// 0 Parameter
Funktion firstfunc ()
return "Dies ist LinuxHint.com ";

Die zweite Funktion, die wir erstellen werden, ist “Secondfunc ()”. Es dauert einen Parameter “Name"Und beim Aufrufen dieser Funktion wird eine Zeichenfolge zurückgegeben, die das bestandene" bestehen "Name" Streit:

// 1 Parameter
Funktion Secondfunc (Name)
zurück "hi" + name;

Als nächstes werden wir die dritte Funktion namens “erstellen“Nummer hinzufügen()”. Die Funktion addNumber () nimmt zwei in der “übergebene Zahlenargumente an“X" Und "yParameter, und es wird ihre Summe zurückgeben:

// 2 Parameter
Funktion addnumber (x, y)
Rückgabe x + y;

Jetzt werden wir zuerst die Firstfunc () -Funktion aufrufen. Dann werden wir passieren “John"Als Name in"Secondfunc ()", und zuletzt, "2" Und "3Werden als Argumente an die Funktion addNumber () übergeben:

Konsole.log (firstfunc ());
Konsole.log (Secondfunc ("John"));
Konsole.log (addNumber (2,3));

Schauen Sie sich nun die Ausgabe der erstellten Funktion an:

Unübertroffene Funktionsparameter in JavaScript

Die JavaScript -Funktion wirft keinen Fehler auf, wenn die von Ihnen bestandenen Argumente größer oder weniger als die Anzahl der Parameter sind.

Zum Beispiel haben wir eine geschaffen “Nummer hinzufügen()"Funktion mit zwei Parametern"X" Und "y”:

Funktion addnumber (x, y)
Rückgabe x + y;

Wenn wir unsere nennen ““Nummer hinzufügen()”JavaScript -Funktion ohne Argumente gibt es keinen Fehler auf. Es wird jedoch die hinzugefügten Parameter als “initialisiert“nicht definiert”.

Wenn die Anzahl der Argumente die Anzahl der Parameter überschreitet, ignoriert der JavaScript -Interpreter im anderen Fall die verbleibenden Argumente.

In einer Situation, wenn kein Argument verabschiedet wird, beides “X" Und "y"Parameter werden als" initialisiert "nicht definiert”:

Konsole.log (addNumber ());

Wenn Sie ein einzelnes Argument verabschieden, wird es an die „übergeben“X"Parameter und"y"Wird als" initialisiert "nicht definiert”:

Konsole.log (addNumber (10));

Wenn wir jetzt drei Werte als Argumente verabschieden, “X" Und "y”Wird mit den ersten beiden Werten initialisiert, und das dritte Argument wird ignoriert:

Konsole.log (addNumber (10,20,30));

Das folgende Bild zeigt Ihnen den Code und die Ausgabe in Bezug auf die oben gegebenen Fälle:

Standardfunktionsparameter in JavaScript

JavaScript ermöglicht es Ihnen auch, die Funktionsparameter mit den Standardwerten zu konfigurieren. Diese Werte werden in der Funktionserklärung unter Verwendung des Zuordnungsoperators hinzugefügt “=”.

Zum Beispiel im untergegebenen “Nummer hinzufügen()"Funktion, wir haben zugewiesen"0»Zu beiden“ “X" Und "y”Variablen. Jetzt werden diese Variablen auf Null initialisiert, wenn wir kein Argument verabschieden, während wir das aufrufen "Nummer hinzufügen()Funktion:

Funktion addnumber (x = 0, y = 0)
Rückgabe x + y;

Argumentobjekt in JavaScript

Eine andere Methode gibt es, um auf die Argumente in unserer Funktion zuzugreifen, nämlich “Argumente Objekt”. Das Argumenteobjekt umfasst die Argumentwerte in einem Objekt mit einem ähnlichen Mechanismus wie Arrays.

Helfen wir Ihnen, dieses Konzept mit einem Beispiel zu verstehen.

Beispiel: Verwenden von Argumentobjekten in JavaScript

Im untergegebenen “Summe()Funktion, wir haben drei Parameter deklariert: x, y und z. Wir können auf die Werte der bestandenen Argumente zugreifen, die mit dem “Argumente”Array, wie zum Beispiel auf die zuzugreifen“X"Argumentwert, wir werden die" nutzen "0th"Element der Argumente Array"Argumente [0]”.

Führen Sie nun den untergegebenen Code aus und lesen Sie das Ergebnis der Funktion SUM () und die aufgerufenen Argumente Array-Elemente:

Funktionsumme (x, y, z)
Konsole.log (Argumente [0]);
Konsole.log (Argumente [1]);
Konsole.log (Argumente [2]);
Rückgabe x+y+z;

Summe (4, 5, 6);

Nach Wert passieren und nach Referenz in JavaScript übergeben

Referenztypen und die Werttypen sind die beiden JavaScript -Typen. Nummer, Symbol, String, Boolean, Null, undefined, Bigint sind alle Werttypen, und die restlichen Typen werden unter Referenztypen gelangen.

In JavaScript werden Werttypen mit Hilfe von “übergeben“Werte”. Zum Beispiel haben wir im folgenden Beispiel eine erstellt “X"Variable mit"2" Wert:

x = 2

Wir werden unsere übergeben “X"Variable zum"ein bisschen ()”Funktion. Zum Zeitpunkt der Aufruf des ““ein bisschen ()", ein neuer "yEs wird eine Variable erstellt, die als Parameter angegeben ist. Die Variable "y"Kopiert die Werte des Arguments"X”. Nun, was auch immer Änderungen vornehmen werden, die wir vornehmen werdeny"Variabler Wert, er hat keinen Einfluss auf den Wert der Variablen"X”:

Funktion einigefunc (y)
y = 4
Konsole.Protokoll (y)

ein bisschen (x)
Konsole.log (x)

Ausführen des oben gegebenen Codes zeigt Ihnen die folgende Ausgabe an:

Lassen Sie uns nun zum pass-by-Referenzkonzept wechseln. Zu diesem Zweck werden wir zunächst eine erstellen “MitarbeiterObjekt als Objekt wird als Referenztyp angesehen:

lass Mitarbeiter =
FirstName: 'John' ',
Lastname: 'Smith'
;

Wenn wir das nennen "Dosen (Mitarbeiter)"Funktion, eine neue Variable"obj"Wird erstellt, wodurch der Inhalt von der" erhältlich ist "Mitarbeiter" Objekt. Beide "Mitarbeiter" Und "objVariablen beziehen sich auf dasselbe Objekt. In einem solchen Fall, wenn Sie Änderungen in “vornehmen“obj", Es wird sich auch auswirken"Mitarbeiter”, Da beide zeigen oder auf dasselbe Objekt beziehen:

Funktion Dosen (obj)
obj.FirstName = 'Peter';

Dosen (Mitarbeiter);
Konsole.Protokoll (Mitarbeiter.Vorname);

Aus der Ausgabe können Sie sehen, dass das “Vorname”Wird in“ geändert “Peter”:

Abschluss

In JavaScript sind Parameter und Argumente die beiden Begriffe, die der Funktion zugeordnet sind. Funktionsparameter sind die in der Funktionsdefinition angegebenen Variablen, und Funktionsargumente sind die als Argumente übergebenen Werte. In diesem Aufschreiben diskutierte Funktionsparameter und Argumente in JavaScript. Wir haben auch über die Regeln der Funktionsparameter in JavaScript gesprochen und Funktionsparameter, nicht übereinstimmende Funktionsparameter, Standardfunktionsparameter, Argumentobjekte, nach Wert übergeben und mit Hilfe von Beispielen übergeben.