Explication détaillée de la différence d'utilisation de la valeur de retour en JavaScript

1. Syntaxe et méthode de retour

①Contrôle de retour et résultats de la fonction

La syntaxe est : expression de retour Formule;

L'exécution de la fonction résultat de l'instruction renvoie la fonction appelante et la valeur de l'expression est renvoyée comme résultat de la fonction

②Retour du résultat sans fonction de contrôle

La syntaxe est : return;

Dans la plupart des cas, si la fonction du gestionnaire d'événements renvoie false, le comportement de l'événement par défaut peut être empêché. Par exemple, par défaut, cliquer sur un élément de balise pour sauter. Accédez à la page spécifiée par l'attribut href de l'élément. Return false est équivalent au terminateur, et return true est équivalent à l'exécuteur. La fonction de return false dans js est généralement utilisée pour annuler l'action par défaut. Par exemple, lorsque vous cliquez sur un lien, en plus de déclencher En plus de votre événement "onclick", vous devez également déclencher un événement par défaut qui exécute le saut de page. Donc à ce moment, si vous souhaitez annuler l'action par défaut du. objet, vous pouvez renvoyer false pour empêcher son action. En d'autres termes, si vous souhaitez utiliser le code js Pour modifier localement certaines données sans provoquer de modifications dans d'autres parties de la page, vous devez alors ajouter return false après le code de l'événement onclick ;

En js, nous utilisons généralement return false pour empêcher la soumission ou la continuation du formulaire. L'exécution du code suivant, en termes simples, empêche l'exécution du comportement par défaut

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

Dans les deux exemples ci-dessus, il n'y a aucun problème à écrire la fonction s1 comme ceci, dans le corps de la fonction if, renvoie false et termine la fonction dans la fonction s2, si nous renvoyons un return false dans la fonction m pour empêcher la soumission, mais cela n'affecte pas l'exécution de la fonction n et de la fonction p. Lorsque la fonction m est appelée dans la fonction s2, le retour false pour la fonction s2 est uniquement équivalent à la valeur de retour et n'empêche pas l'exécution de la fonction s2. valable uniquement dans la fonction actuelle et n'affectera pas l'exécution d'autres fonctions externes.

Résumé :

retourne vrai ; renvoie les résultats du traitement normal.

retourne faux ; traitement des résultats ; terminer le traitement ; empêcher la soumission du formulaire ; empêcher l'exécution du comportement par défaut.

retour ; Le contrôle est renvoyé à la page

2. renvoie une valeur vers l'extérieur après une série de traitements.Cette valeur est généralement renvoyée avec return, qui peut également être considérée comme return La fonction renvoie la valeur de retour et termine l'exécution de la fonction <. 🎜> Concernant le retour, il est à noter que le contenu après retour dans la fonction n'est plus exécuté

Dans l'exemple ci-dessus, "return". 10;" à ce moment, la valeur de la fonction a sera égale à 10, et le contenu en dessous de la fonction ne sera plus exécuté, car 10 est saisi lors de l'exécution de la fonction a en dessous.

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

Si un retour est nécessaire pour renvoyer une valeur dépend de l'utilisation de la fonction. Si vous en avez besoin pour renvoyer une valeur, écrivez return. Si vous n'en avez pas besoin pour renvoyer une valeur, il n'est pas nécessaire de l'écrire.

Bien sûr, return dans js ne doit pas nécessairement être utilisé dans les fonctions. Parfois, il peut également être utilisé pour empêcher certaines actions, telles que la soumission d'un formulaire, et laisser le formulaire soumettre l'événement If. false est renvoyé, le formulaire ne sera pas soumis : onsubmit="return false";

function a(b,c){
  return b+c;
}
var abc=a(5,8);
console.log(abc);//13
function a(b,c){
  document.write(b+c);
}
var abc=a(5,8);//此时页面上会输出13,但其实abc是没有值的
console.log(abc);//undefined

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!