Heim  >  Artikel  >  Web-Frontend  >  Wie kann ich mehrere Werte von einer JavaScript-Funktion zurückgeben?

Wie kann ich mehrere Werte von einer JavaScript-Funktion zurückgeben?

Susan Sarandon
Susan SarandonOriginal
2024-11-24 19:43:34526Durchsuche

How Can I Return Multiple Values from a JavaScript Function?

Können Sie in JavaScript mehrere Werte zurückgeben?

Traditionell können JavaScript-Funktionen nur einen einzelnen Wert zurückgeben. Es gibt jedoch Möglichkeiten, die Rückgabe mehrerer Werte zu simulieren.

Array als Rückgabewert

Eine Methode besteht darin, ein Array zurückzugeben, das die gewünschten Werte enthält. Zum Beispiel:

function getValues() {
    return [getFirstValue(), getSecondValue()];
}

Sie können dann mithilfe der destrukturierenden Zuweisung auf die Werte zugreifen:

const [first, second] = getValues();

Dieser Ansatz entspricht:

const values = getValues();
const first = values[0];
const second = values[1];

Objekt als Rückgabewert

Eine andere Möglichkeit besteht darin, für jeden Wert ein Objekt mit benannten Eigenschaften zurückzugeben. Dies bietet eine strukturiertere und beschriftetere Methode zur Rückgabe mehrerer Werte:

function getValues() {
    return {
        first: getFirstValue(),
        second: getSecondValue(),
    };
}

Um in diesem Fall auf die Werte zuzugreifen, können Sie die ES6-Objektdestrukturierungssyntax verwenden:

const {first, second} = getValues();

Alternativ: Sie können die ausführlichere verwenden Ansatz:

const values = getValues();
const first = values.first;
const second = values.second;

Empfehlung

Der empfohlene Ansatz für die Rückgabe mehrerer Werte in JavaScript ist die Verwendung eines Objekts. Dies sorgt für eine klare Beschriftung, einfaches Hinzufügen neuer Werte und eine bessere Typsicherheit in TypeScript und JSDoc im Vergleich zur Verwendung von Arrays. Geben Sie nur Arrays für einfache Tupel mit einer klaren Reihenfolge zurück, z. B. Koordinatenpaare [x, y].

Das obige ist der detaillierte Inhalt vonWie kann ich mehrere Werte von einer JavaScript-Funktion zurückgeben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn