Heim > Artikel > Web-Frontend > Was ist die Verwendung von Return in JavaScript?

Was ist die Verwendung von Return in JavaScript?

青灯夜游Original: 2022-02-07 15:34:568263Durchsuche

Verwendung von return in JavaScript: 1. Rückgabefunktionswert, der jede Art von Wert zurückgeben kann, einschließlich grundlegender Datentypen, Objekte, Funktionen usw. 2. Verwenden Sie die Return-Anweisung ohne Rückgabewert, um die Ausführung der Funktion zu beenden jederzeit.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Die JavaScript-Rückgabeanweisung hat zwei Funktionen in der Funktionsdefinition:

Eine besteht darin, den Funktionswert zurückzugeben.
Die andere besteht darin, die Ausführung der Funktion abzubrechen.

Die return-Anweisung kann jede Art von Wert zurückgeben, einschließlich grundlegender Datentypen, Objekte, Funktionen usw. Jede Funktion gibt einen Wert zurück. Wenn die Return-Anweisung nicht verwendet wird oder wenn Return verwendet wird, aber danach kein Rückgabewert angegeben wird, gibt die Funktion einen „undefinierten“ Wert zurück. Wenn Sie einen anderen Wert als „undefiniert“ zurückgeben müssen, müssen Sie return verwenden und den zurückgegebenen Wert angeben.

Sobald die Funktion die Return-Anweisung ausführt, gibt sie sofort den Funktionswert zurück und beendet die Ausführung der Funktion. Zu diesem Zeitpunkt wird der Code nach der Return-Anweisung nicht ausgeführt. Gemäß diesem Merkmal der Return-Anweisung wird häufig eine Return-Anweisung ohne Rückgabewert verwendet, um die Ausführung der Funktion jederzeit zu beenden, wenn die Ausführung der Funktion vorzeitig beendet werden muss.

【Beispiel 1】Die Return-Anweisung gibt explizit den Funktionswert zurück. Auf die Rückgabe von

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>return语句显式返回函数值</title>
<script>
   function expressionCaculate(x){
     if((x >= -10) && (x <= 10)){
         return x * x - 1;
     } else {
         return 5 * x + 3;
     }
   }
   console.log(expressionCaculate(6));
   console.log(expressionCaculate(12));
</script>
</head>
<body>
</body>
</html>

expressionCaculate() folgt ein Ausdruck. Wenn die Funktion die Rückgabeanweisung ausführt, wird zuerst der Wert des Ausdrucks berechnet und dann der Wert zurückgegeben. Beim Aufruf der Funktion wird abhängig vom an x übergebenen Wert der Wert eines anderen Ausdrucks zurückgegeben.

[Beispiel 2] Die Return-Anweisung bricht die Ausführung der Funktion ab.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>return语句中止函数执行</title>
<script>
   function add(a,b){
     if(a > b){
         console.log("a大于b");
         return;
         console.log("a+b=" + (a + b));
     }
     console.log("a+b=" + (a + b));
   }
   add(7,3);
</script>
</head>
<body>
</body>
</html>

Wenn der Code add(7,3) ausgeführt wird, wird die Methode add() aufgerufen. Zu diesem Zeitpunkt ist der Wert des ersten Parameters größer als der zweite Parameter und „a ist größer als b“. wird in der Konsole ausgegeben, und dann kehrt die Funktion zurück und stoppt die Ausführung, sodass die beiden Protokolle nach der Return-Anweisung nicht ausgegeben werden. Die Laufergebnisse sind in Abbildung 1 dargestellt.

Was ist die Verwendung von Return in JavaScript?
Abbildung 1: Die Return-Anweisung bricht das Ergebnis der Funktionsausführung ab

[Beispiel 3] Die Return-Anweisung gibt die Funktion zurück.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>return语句返回函数</title>
<script>
   function outerFunc(){
        var b = 0;
       return function(){ //返回匿名函数
            b++;
            console.log("内部函数中b=" + b);
        }
   }
   var func = outerFunc();
   func();
</script>
</head>
<body>
</body>
</html>

Da die Funktion „outerFunc()“ eine anonyme Funktion zurückgibt, wird der aufrufende Ausdruck der Funktion „outerFunc“ zu einem Funktionsausdruck, sodass die Variable „func“ zum Aufrufen der anonymen Funktion verwendet werden kann. Die Laufergebnisse sind in Abbildung 2 dargestellt.

Was ist die Verwendung von Return in JavaScript?
Abbildung 2: Anonyme Funktion, die durch den Aufruf der Return-Anweisung zurückgegeben wird

[Verwandte Empfehlung: Javascript-Lerntutorial]

Das obige ist der detaillierte Inhalt vonWas ist die Verwendung von Return in JavaScript?. 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

Vorheriger Artikel：So ermitteln Sie den Durchschnitt von drei Zahlen in JavascriptNächster Artikel：So ermitteln Sie den Durchschnitt von drei Zahlen in Javascript

In Verbindung stehende Artikel

Mehr sehen