Maison > interface Web > js tutoriel > Explication détaillée des valeurs de retour de la fonction JavaScript et des instructions de retour

Explication détaillée des valeurs de retour de la fonction JavaScript et des instructions de retour

青灯夜游
Libérer: 2022-08-04 09:47:08
original
3893 Les gens l'ont consulté

La fonction JavaScript fournit deux interfaces pour interagir avec le monde extérieur. Les paramètres servent d'entrée pour recevoir des informations externes ; la valeur de retour sert de sortie pour renvoyer les résultats de l'opération vers le monde extérieur. L'article suivant vous amènera à comprendre la valeur de retour de la fonction JavaScript et à analyser brièvement l'utilisation de l'instruction return. J'espère qu'elle vous sera utile !

Explication détaillée des valeurs de retour de la fonction JavaScript et des instructions de retour

Une fonction est un ensemble de fonctions qui peuvent implémenter certaines fonctions ou opérations spécifiques. Cela n'a aucun sens de conserver le résultat une fois la fonction exécutée à l'intérieur de la fonction, nous devons donc renvoyer le résultat de la fonction à l'endroit où la fonction est appelée.

Dans le corps de la fonction, utilisez l'instruction return pour définir la valeur de retour de la fonction ; l'instruction return est généralement définie à la fin de la fonction. Format de syntaxe :

return 返回值;
Copier après la connexion

Parmi eux, la "valeur de retour" est un paramètre facultatif, qui peut être une valeur ou une expression spécifique, ou elle peut être vide. La "valeur de retour" et le mot-clé return doivent être séparés par un espace.

JavaScript est un langage faiblement typé, donc les fonctions n'ont aucune restriction de type sur les valeurs qu'elles reçoivent et génèrent, et JavaScript ne détecte pas automatiquement les types de valeurs d'entrée et de sortie. Par conséquent, la valeur de retour (résultat de l'expression) peut être de n'importe quel type, tel qu'un tableau, un objet, une chaîne, etc.

  • Pour les fonctions qui ont une valeur de retour, nous pouvons utiliser une variable pour recevoir la valeur de retour de cette fonction. L'exemple de code est le suivant :

//声明一个带返回值的函数
function getSum(num1, num2){
        //函数体
    return num1 + num2;
}
//可以通过变量来接收这个返回值
var sum1 = getSum(7, 12);      // 函数返回值为:19
var sum2 = getSum(-5, 33);     // 函数返回值为:28
Copier après la connexion
  • Si la fonction ne contient pas d'instruction de retour. , après chaque exécution dans le corps de la fonction After, renvoie la valeur undefined.

Explication détaillée des valeurs de retour de la fonction JavaScript et des instructions de retour

  • Dans une fonction, une fois l'instruction "return" exécutée, la fonction entière se termine et les instructions suivantes ne seront plus exécutées puis la valeur de l'expression après return est calculée et renvoyée ; .

Explication détaillée des valeurs de retour de la fonction JavaScript et des instructions de retour

  • La valeur après "retour" ne peut en avoir qu'une . Si vous essayez de renvoyer plusieurs valeurs, le résultat sera toujours le dernier. L'instruction return ne peut renvoyer qu'un seul paramètre, c'est-à-dire qu'elle ne peut renvoyer qu'une seule valeur et ne peut pas renvoyer plusieurs valeurs à la fois. Si vous souhaitez renvoyer plusieurs valeurs, vous devez définir un tableau dans la fonction, stocker la valeur de retour dans le tableau et la renvoyer.

    function division(dividend, divisor){
        var quotient = dividend / divisor;
        var arr = [dividend, divisor, quotient]
        return arr;
    }
    var res = division(100, 4)
    console.log(res[0]);         // 输出:100
    console.log(res[1]);         // 输出:4
    console.log(res[2]);         // 输出:25
    Copier après la connexion
  • Dans le code ci-dessus, la valeur de retour de la fonction est un tableau qui contient 3 éléments, atteignant ainsi l'objectif d'utiliser une seule instruction return pour renvoyer plusieurs valeurs.

Explication détaillée des valeurs de retour de la fonction JavaScript et des instructions de retour

Le corps de la fonction peut contenir plusieurs instructions return, mais une seule instruction return peut être exécutée. Par conséquent, la structure de branche peut être utilisée dans le corps de la fonction pour déterminer la valeur de retour de la fonction, ou l'instruction return peut l'être. utilisé pour terminer la fonction à l’avance.

function f(x,y) {
    //如果参数为非数字类型,则终止函数执行
    if (typeof x != "number" || typeof y != "number") return;
    //根据条件返回值
    if (x > y) return x - y;
    if (x < y) return y - x;
    if (x * y <= 0) return x + y;
}
console.log(f(1,6));
console.log(f(4,2));
console.log(f(0,0));
Copier après la connexion

Explication détaillée des valeurs de retour de la fonction JavaScript et des instructions de retour

  • Résumé :

L'instruction return est utilisée pour renvoyer une valeur à "l'appelant de fonction". Après avoir renvoyé la valeur, l'exécution de la fonction se termine immédiatement, donc l'instruction return est généralement placée. à la fin de la fonction ; Explication détaillée des valeurs de retour de la fonction JavaScript et des instructions de retour

S'il y a plusieurs instructions return dans une fonction, seule la première sera exécutée

  • L'instruction return peut également ne renvoyer aucun paramètre, ce qui équivaut à terminer la fonction ;

  • [Recommandations associées :

    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!

Étiquettes associées:
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>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal