Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Rückgabewerte und Rückgabeanweisungen von JavaScript-Funktionen

Detaillierte Erläuterung der Rückgabewerte und Rückgabeanweisungen von JavaScript-Funktionen

青灯夜游
青灯夜游Original
2022-08-04 09:46:363884Durchsuche

Die JavaScript-Funktion bietet zwei Schnittstellen zur Interaktion mit der Außenwelt. Die Parameter dienen als Eingang zum Empfang externer Informationen; der Rückgabewert dient als Ausgang für die Rückmeldung der Operationsergebnisse an die Außenwelt. Der folgende Artikel wird Ihnen helfen, den Rückgabewert der JavaScript-Funktion zu verstehen und die Verwendung der Rückgabeanweisung kurz zu analysieren. Ich hoffe, er wird Ihnen hilfreich sein!

Detaillierte Erläuterung der Rückgabewerte und Rückgabeanweisungen von JavaScript-Funktionen

Eine Funktion ist eine Sammlung von Funktionen, die bestimmte spezifische Funktionen oder Vorgänge implementieren können. Es macht keinen Sinn, das Ergebnis nach der Ausführung der Funktion innerhalb der Funktion aufzubewahren. Daher müssen wir das Ergebnis der Funktion an den Ort zurückgeben, an dem die Funktion aufgerufen wird.

Verwenden Sie im Funktionskörper die Return-Anweisung, um den Rückgabewert der Funktion festzulegen. Die Return-Anweisung wird normalerweise am Ende der Funktion definiert. Syntaxformat:

return 返回值;

Unter diesen ist „Rückgabewert“ ein optionaler Parameter, der ein bestimmter Wert oder Ausdruck sein oder leer sein kann. Der „Rückgabewert“ und das Schlüsselwort „return“ müssen durch ein Leerzeichen getrennt werden.

JavaScript ist eine schwach typisierte Sprache, daher unterliegen Funktionen keinen Typbeschränkungen für die Werte, die sie empfangen und ausgeben, und JavaScript erkennt die Typen der Eingabe- und Ausgabewerte nicht automatisch. Daher kann der Rückgabewert (Ausdrucksergebnis) einen beliebigen Typ haben, z. B. ein Array, ein Objekt, eine Zeichenfolge usw.

  • Für Funktionen, die einen Rückgabewert haben, können wir eine Variable verwenden, um den Rückgabewert dieser Funktion zu erhalten. Der Beispielcode lautet wie folgt:

//声明一个带返回值的函数
function getSum(num1, num2){
        //函数体
    return num1 + num2;
}
//可以通过变量来接收这个返回值
var sum1 = getSum(7, 12);      // 函数返回值为:19
var sum2 = getSum(-5, 33);     // 函数返回值为:28
  • Wenn die Funktion keine Return-Anweisung enthält Geben Sie nach jeder Ausführung im Funktionskörper nach Anweisungen den undefined-Wert zurück.

Detaillierte Erläuterung der Rückgabewerte und Rückgabeanweisungen von JavaScript-Funktionen

  • Sobald in einer Funktion die „Return“-Anweisung ausgeführt wird, endet die gesamte Funktion und nachfolgende Anweisungen werden nicht mehr ausgeführt ; dann wird der Wert des Ausdrucks nach Return berechnet und zurückgegeben .

Detaillierte Erläuterung der Rückgabewerte und Rückgabeanweisungen von JavaScript-Funktionen

  • Der Wert nach „return“ kann nur einen haben . Wenn Sie versuchen, mehrere Werte zurückzugeben, ist das Ergebnis immer der letzte Wert auf einmal. Wenn Sie mehrere Werte zurückgeben möchten, müssen Sie in der Funktion ein Array definieren, den Rückgabewert im Array speichern und ihn zurückgeben.

    function division(dividend, divisor){
        var quotient = dividend / divisor;
        var arr = [dividend, divisor, quotient]
        return arr;
    }
    var res = division(100, 4)
    console.log(res[0]);         // 输出:100
    console.log(res[1]);         // 输出:4
    console.log(res[2]);         // 输出:25
  • Im obigen Code ist der Rückgabewert der Funktion ein Array, das drei Elemente enthält, wodurch der Zweck erreicht wird, mit einer Rückgabeanweisung mehrere Werte zurückzugeben.

Detaillierte Erläuterung der Rückgabewerte und Rückgabeanweisungen von JavaScript-Funktionen

Der Funktionskörper kann mehrere Rückgabeanweisungen enthalten, aber nur eine Rückgabeanweisung kann ausgeführt werden. Daher kann die Verzweigungsstruktur im Funktionskörper verwendet werden, um den Rückgabewert der Funktion zu bestimmen, oder die Rückgabeanweisung kann sein dient dazu, die Funktion vorzeitig zu beenden.

function f(x,y) {
    //如果参数为非数字类型,则终止函数执行
    if (typeof x != "number" || typeof y != "number") return;
    //根据条件返回值
    if (x > y) return x - y;
    if (x < y) return y - x;
    if (x * y <= 0) return x + y;
}
console.log(f(1,6));
console.log(f(4,2));
console.log(f(0,0));

Detaillierte Erläuterung der Rückgabewerte und Rückgabeanweisungen von JavaScript-Funktionen

  • Zusammenfassung:

Die Return-Anweisung wird verwendet, um einen Wert an den „Funktionsaufrufer“ zurückzugeben. Nach der Rückgabe des Werts endet die Funktionsausführung sofort, sodass die Return-Anweisung im Allgemeinen platziert wird am Ende der Funktion; Detaillierte Erläuterung der Rückgabewerte und Rückgabeanweisungen von JavaScript-Funktionen

Wenn eine Funktion mehrere Return-Anweisungen enthält, wird nur die erste ausgeführt;

  • Die Return-Anweisung kann auch keine Parameter zurückgeben, was dem Beenden der Funktion entspricht;

  • [Verwandte Empfehlungen:

    JavaScript-Lern-Tutorial

  • ]

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Rückgabewerte und Rückgabeanweisungen von JavaScript-Funktionen. 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