Maison > interface Web > js tutoriel > Explication détaillée de la différence d'utilisation de la valeur de retour en JavaScript

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

伊谢尔伦
Libérer: 2017-07-19 09:37:06
original
2591 Les gens l'ont consulté

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();
}
Copier après la connexion
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
Copier après la connexion

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
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal