Maison  >  Article  >  interface Web  >  Quelle est l'utilisation du retour en JavaScript

Quelle est l'utilisation du retour en JavaScript

青灯夜游
青灯夜游original
2022-02-07 15:34:568285parcourir

Utilisation du return en JavaScript : 1. Renvoie la valeur de la fonction, qui peut renvoyer tout type de valeur, y compris les types de données de base, les objets, les fonctions, etc. 2. Utilisez l'instruction return sans valeur de retour pour terminer l'exécution de la fonction ; à tout moment.

Quelle est l'utilisation du retour en JavaScript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

L'instruction de retour JavaScript a deux fonctions dans la définition de la fonction :

  • L'une consiste à renvoyer la valeur de la fonction ;

  • L'autre consiste à abandonner l'exécution de la fonction ;

L'instruction return peut renvoyer tout type de valeur, y compris les types de données de base, les objets, les fonctions, etc. Chaque fonction renvoie une valeur. Lorsque l'instruction return n'est pas utilisée, ou lorsque return est utilisée mais qu'aucune valeur de retour n'est spécifiée après, la fonction renverra une valeur « non définie ». Si vous devez renvoyer une valeur autre que « undéfini », vous devez utiliser return et spécifier la valeur renvoyée.

Une fois que la fonction exécute l'instruction return, elle renverra immédiatement la valeur de la fonction et terminera l'exécution de la fonction. À ce moment, le code après l'instruction return ne sera pas exécuté. Selon cette caractéristique de l'instruction return, lorsque l'exécution de la fonction doit être quittée plus tôt, une instruction return sans valeur de retour est souvent utilisée pour terminer l'exécution de la fonction à tout moment.

【Exemple 1】L'instruction return renvoie explicitement la valeur de la fonction. Le retour de

<!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() est suivi d'une expression. Lorsque la fonction exécute l'instruction return, la valeur de l'expression sera d'abord calculée, puis la valeur sera renvoyée. Lorsque la fonction est appelée, la valeur d'une expression différente est renvoyée en fonction de la valeur passée à x.

[Exemple 2] L'instruction return abandonne l'exécution de la fonction.

<!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>

Lorsque le code add(7,3) est exécuté, la méthode add() sera appelée à ce moment, la valeur du premier paramètre est supérieure au deuxième paramètre, et "a est supérieur à b". est affiché dans la console, puis la fonction revient et s'arrête Exécuté, de sorte que les deux journaux après l'instruction return ne seront pas affichés. Les résultats d'exécution sont présentés dans la figure 1.

Quelle est lutilisation du retour en JavaScript
Figure 1 : L'instruction return abandonne le résultat de l'exécution de la fonction

[Exemple 3] L'instruction return renvoie la fonction.

<!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>

Étant donné que la fonction externalFunc() renvoie une fonction anonyme, l'expression appelante de la fonction externalFunc devient une expression de fonction, donc la variable func peut être utilisée pour appeler la fonction anonyme. Les résultats d'exécution sont présentés dans la figure 2.

Quelle est lutilisation du retour en JavaScript
Figure 2 : Fonction anonyme renvoyée en appelant l'instruction return

[Recommandation associée : Tutoriel d'apprentissage Javascript]

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!

Déclaration:
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