Detaillierte Erläuterung des Unterschieds in der Verwendung des Rückgabewerts in JavaScript-js-Tutorial-php.cn

Detaillierte Erläuterung des Unterschieds in der Verwendung des Rückgabewerts in JavaScript

伊谢尔伦

Freigeben： 2017-07-19 09:37:06

Original

2590 Leute haben es durchsucht

1. Syntax und Rückgabemethode

①Steuerelement und Funktionsergebnisse zurückgeben

Die Syntax lautet: Rückgabeausdruck Formel;

Die Ausführung der Anweisungsergebnisfunktion gibt die aufrufende Funktion zurück, und der Wert des Ausdrucks wird als Funktionsergebnis zurückgegeben

②Steuerfunktionsfreies Ergebnis zurückgeben

Die Syntax lautet: return;

In den meisten Fällen können Sie das standardmäßige Ereignisverhalten verhindern, wenn Sie auf ein -Tag-Element klicken. Die Seite springt zu der durch das href-Attribut des Elements angegebenen Seite. Return false entspricht dem Terminator und return true entspricht dem Executor. Die Funktion return false in js wird im Allgemeinen verwendet, um die Standardaktion abzubrechen. Wenn Sie beispielsweise auf einen Link klicken, müssen Sie zusätzlich zu Ihrem „onclick“-Ereignis auch ein Standardereignis auslösen, das den Seitensprung ausführt. Wenn Sie also die Standardaktion von abbrechen möchten Für das Objekt können Sie false zurückgeben, um seine Aktion zu verhindern. Mit anderen Worten: Wenn Sie js-Code verwenden möchten, um einige Daten lokal zu ändern, ohne Änderungen in anderen Teilen der Seite zu verursachen, sollten Sie nach dem Onclick-Ereigniscode return false hinzufügen.

In js verwenden wir normalerweise return false, um das Senden oder Fortsetzen des Formulars zu verhindern. Die Ausführung des folgenden Codes verhindert, um es für Laien auszudrücken, die Ausführung des Standardverhaltens 🎜>

In den obigen beiden Beispielen gibt es kein Problem, die Funktion s1 so im if-Funktionskörper zu schreiben. Geben Sie „false“ zurück und beenden Sie die Funktion. In der Funktion s2 geben wir „false“ in der Funktion m zurück, um die Übermittlung zu verhindern , aber dies hat keinen Einfluss auf die Ausführung von Funktion n und Funktion p. Wenn Funktion m in Funktion s2 aufgerufen wird, entspricht die Rückgabe von false nur dem Rückgabewert und verhindert nicht die Ausführung von Funktion s2 ist nur in der aktuellen Funktion gültig und hat keinen Einfluss auf die Ausführung anderer externer Funktionen.

Zusammenfassung:

function s1(){
  if(true){
    return false;
  }
}
function s2(){
  m();
  n();
  p();
}

Nach dem Login kopieren

Rückgabe von true; Rückgabe normaler Verarbeitungsergebnisse.

Rückgabe von false; falsche Verarbeitungsergebnisse; Formularübermittlung verhindern; Rückkehr zur Seite

2 um einen Wert nach einer Reihe von Verarbeitungen zurückzugeben. Dieser Wert wird normalerweise mit „return“ zurückgegeben. Die Funktion gibt den Rückgabewert zurück und beendet die Ausführung der Funktion

Bezüglich Return ist zu beachten, dass der Inhalt nach Return in der Funktion nicht mehr ausgeführt wird

Im obigen Beispiel „. return 10;“ Zu diesem Zeitpunkt ist der Wert der Funktion a gleich 10 und der Inhalt unter der Funktion wird nicht mehr ausgeführt, da 10 eingegeben wird, wenn die Funktion a unten ausgeführt wird.Gibt an, ob eine Rückgabe erforderlich ist Um einen Wert zurückzugeben, hängt es davon ab, wofür die Funktion verwendet wird. Wenn Sie sie nicht benötigen, um einen Wert zurückzugeben, müssen Sie sie nicht schreiben.

Natürlich muss die Rückgabe in js nicht in Funktionen verwendet werden. Manchmal kann sie auch verwendet werden, um bestimmte Aktionen zu verhindern, z. B. das Absenden eines Formulars, und das Absenden eines Ereignisses durch das Formular zu ermöglichen Wenn false zurückgegeben wird, wird das Formular nicht gesendet: onsubmit="return false";

function a(){ 
  return 10; 
  document.write(50);//不执行 
}
a();//10

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des Unterschieds in der Verwendung des Rückgabewerts in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!