Rückgabewerte einer Funktion in JavaScript

Shraddha Paghdar 12 Oktober 2023
Rückgabewerte einer Funktion in JavaScript

JavaScript-Funktionen sind einer der wesentlichen Bausteine, die die Schrittfolge ausführen. Diese Funktionen sind wie Prozeduren.

Innerhalb der Funktion, die die Aufgabe ausführt, wird eine Reihe von Anweisungen bereitgestellt. Der einzige Unterschied besteht darin, dass die Funktion den Eingabeparameter benötigt und etwas an die aufrufende Funktion zurückgeben muss. Um eine Funktion zu verwenden, müssen Sie sie irgendwo in dem Bereich definieren, den Sie aufrufen möchten.

In diesem Artikel wird gezeigt, wie Werte von einer JavaScript-Funktion zurückgegeben werden.

Rückgabewerte von der JavaScript-Funktion

Eine Funktionsdefinition besteht aus dem Schlüsselwort function. Eine Funktionsdefinition wird auch als Funktionsanweisung oder Funktionsdeklaration bezeichnet. Es folgt:

  1. Der name der Funktion. Dieser Funktionsname sollte für die Datei eindeutig sein.
  2. Eine Liste der Funktion Eingabeparameter. Diese Parameter sind in Klammern eingeschlossen und durch Kommas getrennt.
  3. Der Inhalt der Funktion wird in geschwungene Klammern, {…} eingeschlossen.

Syntax:

Vor ES6

function fnName(params) {
  /* perform actions on params */
  return value;
}

Nach ES6

param => expression

Der ES6-Standard unterstützt die Pfeilfunktion, die keine Definition des Funktionsschlüsselworts erfordert, bevor die Funktion definiert, der Wert zurückgegeben und der Code in geschweifte Klammern eingeschlossen wird. Weitere Informationen zur ES6-Funktion finden Sie in der Dokumentation zur Methode Pfeilfunktionen.

Die Funktion kann alles wie ein Array, ein Literalobjekt, eine Zeichenkette, eine Ganzzahl, einen booleschen Wert oder ein von Ihnen erstelltes Objekt eines benutzerdefinierten Typs zurückgeben, das die Rückgabewerte kapselt. Sie können alles wie ein Array, ein Literalobjekt oder ein benutzerdefiniertes Objekt an eine Methode übergeben, um die Werte umzuwandeln.

Funktionen können als Ausdrücke deklariert werden. Diese Funktion wird als anonyme Funktion bezeichnet.

Anonyme Funktionen haben keinen Funktionsnamen. Die Funktion muss aufgerufen werden, um die Schritte innerhalb der Funktion auszuführen.

Weitere Informationen finden Sie in der Dokumentation der Methode function.

Objektbeispiel:

function osObject() {
  const returnedObject = {};
  for (let i = 0; i < arguments.length; ++i) {
    returnedObject['os' + i] = arguments[i];
  }
  return returnedObject;
}

const returnValue = osObject('Linux', 'MacOS', 'Windows', 'Ubuntu');
console.log(returnValue);

Im obigen Codebeispiel haben wir die Funktion osObject erstellt, die die Eingabeparameter übernimmt und das Objekt mit den Eingabewerten zurückgibt. Das Schlüsselwort return zeigt an, dass die Funktion dem Aufrufer etwas zurückgibt.

In unserem Beispiel geben wir osObject zurück. Die Ausgabe des obigen Codes sieht ungefähr so ​​​​aus:

Ausgabe:

{
  os0: "Linux",
  os1: "MacOS",
  os2: "Windows",
  os3: "Ubuntu"
}

Array-Beispiel:

function osArray() {
  const returnedArray = [];
  for (let i = 0; i < arguments.length; ++i) {
    returnedArray.push(arguments[i]);
  }
  return returnedArray;
}

const returnValue = osArray('Linux', 'MacOS', 'Windows', 'Ubuntu');
console.log(returnValue);

Im obigen Codebeispiel haben wir die Funktion osArray erstellt, die die Eingabeparameter in arguments übernimmt und das Array mit den Eingabewerten zurückgibt. Das Schlüsselwort return zeigt an, dass die Funktion dem Aufrufer etwas zurückgibt.

In unserem Beispiel geben wir osArray zurück. Die Ausgabe der Ausgabe des obigen Codes sieht in etwa so aus:

Ausgabe:

["Linux", "MacOS", "Windows", "Ubuntu"]
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

Verwandter Artikel - JavaScript Function