logo

Retour JavaScript

Le retour L'instruction est utilisée pour renvoyer une valeur particulière de la fonction à l'appelant de la fonction. La fonction cessera de s'exécuter lorsque le retour la déclaration est appelée. Le retour L'instruction doit être la dernière instruction d'une fonction car le code après le retour la déclaration sera inaccessible.

Nous pouvons renvoyer des valeurs primitives (telles que booléennes, nombres, chaînes, etc.) et des types d'objets (tels que fonctions, objets, tableaux, etc.) en utilisant le retour déclaration.

Nous pouvons également renvoyer plusieurs valeurs en utilisant le retour déclaration. Cela ne peut pas être fait directement. Nous devons utiliser un Tableau ou Objet pour renvoyer plusieurs valeurs d’une fonction.

Syntaxe

 return expression; 

Le expression dans la syntaxe ci-dessus est la valeur renvoyée à l'appelant de la fonction. C'est facultatif. Si la expression n'est pas spécifié, la fonction renvoie indéfini .

Il n'est pas permis d'utiliser une terminaison de ligne entre le retour mot-clé et valeur. Nous pouvons le comprendre en utilisant les lignes suivantes. Supposons que nous écrivions le retour déclaration comme suit :

 return x + y; 

Ensuite, il sera transformé en -

bloquer les publicités sur youtube android
 return; x + y; 

Il y a l'insertion automatique du point-virgule après le retour déclaration. Le code écrit après le retour déclaration ( x + oui ; ) sera considéré comme le code inaccessible .

Nous pouvons utiliser des parenthèses pour éviter ce problème. Cela peut s'écrire comme -

liste java
 return ( x + y; ); 

Voyons maintenant quelques exemples d'utilisation de retour déclaration dans Javascript .

Exemple 1

Ceci est un exemple simple d'utilisation du retour déclaration. Ici, nous renvoyons le résultat du produit de deux nombres et renvoyons la valeur à l'appelant de la fonction.

La variable rés est l'appelant de la fonction ; il appelle la fonction amusant() et en passant deux entiers comme arguments de la fonction. Le résultat sera stocké dans le rés variable. En sortie, la valeur 360 est le produit d'arguments 12 et 30 .

 <h2> Welcome to the javaTpoint.com </h2> <h3> Example of the JavaScript&apos;s return statement </h3> var res = fun(12, 30); function fun(x, y) { return x * y; } document.write(res); 
Testez-le maintenant

Sortir

Après l'exécution du code ci-dessus, le résultat est -

Retour JavaScript

Exemple2

Ici, nous interrompons une fonction en utilisant le retour déclaration. La fonction s'arrête immédiatement lorsque le retour la déclaration est appelée.

Il y a un infini alors que boucle et variable je, qui est initialisé à 1. La boucle continue jusqu'à la valeur de je atteint à 4 . Lorsque la valeur de la variable sera 4, la boucle arrête son exécution à cause du retour déclaration. L'instruction après la boucle ne sera jamais exécutée.

Ici le retour la déclaration est sans utiliser le expression , donc ça revient indéfini.

 <h2> Welcome to the javaTpoint.com </h2> <h3> Example of the JavaScript&apos;s return statement </h3> var x = fun(); function fun() { var i = 1; while(i) { document.write(i + &apos; <br>&apos;); if (i == 4) { return; } document.write(i + &apos; <br>&apos;); i++; } document.write(&apos;Hello world&apos;); } 
Testez-le maintenant

Sortir

Après l'exécution du code ci-dessus, le résultat sera -

définir Java
Retour JavaScript

Maintenant, nous allons voir comment renvoyer plusieurs valeurs en utilisant le retour déclaration. Habituellement, les fonctions JavaScript renvoient une seule valeur, mais nous pouvons renvoyer plusieurs valeurs en utilisant la commande tableau ou objet . Pour renvoyer plusieurs valeurs, nous pouvons regrouper les valeurs en tant que propriétés de l'objet ou éléments de tableau.

Exemple 3 : Renvoi de plusieurs valeurs à l'aide d'un tableau

Dans cet exemple, nous renvoyons plusieurs valeurs en utilisant le Tableau . Ici, nous utilisons le Déstructuration du tableau ES6 syntaxe pour décompresser les valeurs du tableau.

 JavaScript return <h3> This is an example of returning multiple values using object </h3> function getData() { let fname = &apos;John&apos;, lname = &apos;Rickman&apos;, age = &apos;25&apos;, occupation = &apos;Private Employee&apos;; return { fname, lname, age, occupation }; } let {fname, lname, age, occupation} = getData(); document.write(&apos;Name = &apos; + fname + &apos; &apos; + lname + &apos; <br>&apos;); document.write(&apos;Age = &apos; + age + &apos; <br>&apos;); document.write(&apos;Occupation = &apos; + occupation); 
Testez-le maintenant

Sortir

Retour JavaScript