logo

JavaScript-retour

De opbrengst statement wordt gebruikt om een ​​bepaalde waarde van de functie terug te geven aan de functieaanroeper. De functie stopt met uitvoeren wanneer de opbrengst verklaring wordt genoemd. De opbrengst statement moet de laatste statement in een functie zijn, omdat de code na de opbrengst verklaring zal onbereikbaar zijn.

We kunnen primitieve waarden (zoals Boolean, getal, string, etc.) en objecttypen (zoals functies, objecten, arrays, etc.) retourneren door de opbrengst stelling.

We kunnen ook meerdere waarden retourneren met behulp van de opbrengst stelling. Het kan niet rechtstreeks worden gedaan. We moeten een gebruiken Array of Voorwerp om meerdere waarden uit een functie terug te geven.

Syntaxis

 return expression; 

De uitdrukking in de bovenstaande syntaxis is de waarde die wordt geretourneerd naar de functieaanroeper. Het is optioneel. Als de uitdrukking niet is opgegeven, retourneert de functie ongedefinieerd .

Het is niet toegestaan ​​om een ​​lijnafsluiting te gebruiken tussen de opbrengst trefwoord en waarde. We kunnen het begrijpen door de volgende regels te gebruiken. Stel dat we de opbrengst verklaring als volgt:

 return x + y; 

Vervolgens zal het worden omgezet in -

Unix versus Windows
 return; x + y; 

Er is de automatische invoeging van de puntkomma na de opbrengst stelling. De code geschreven na de opbrengst stelling ( x + y; ) zal worden beschouwd als de onbereikbare code .

We kunnen haakjes gebruiken om dit probleem te voorkomen. Het kan worden geschreven als -

Hoe arraylist in Java te sorteren
 return ( x + y; ); 

Laten we nu enkele voorbeelden bekijken van het gebruik van de opbrengst verklaring in JavaScript .

Voorbeeld 1

Dit is een eenvoudig voorbeeld van het gebruik van de opbrengst stelling. Hier retourneren we het resultaat van het product van twee getallen en sturen we de waarde terug naar de functieaanroeper.

De variabele res is de functieaanroeper; het roept de functie aan plezier() en het doorgeven van twee gehele getallen als de argumenten van de functie. Het resultaat wordt opgeslagen in de res variabel. In de uitvoer de waarde 360 is het product van argumenten 12 En 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); 
Test het nu

Uitvoer

Na uitvoering van de bovenstaande code is de uitvoer:

JavaScript-retour

Voorbeeld2

Hier onderbreken we een functie met behulp van de opbrengst stelling. De functie stopt onmiddellijk met uitvoeren wanneer de opbrengst verklaring wordt genoemd.

Er is een oneindigheid terwijl lus en variabele i, die is geïnitialiseerd op 1. De lus gaat door tot de waarde van i bereikt 4 . Wanneer de waarde van de variabele 4 is, stopt de lus zijn uitvoering vanwege de opbrengst stelling. De instructie na de lus wordt nooit uitgevoerd.

Hier de opbrengst verklaring is zonder gebruik te maken van de uitdrukking , dus het komt terug ongedefinieerd.

 <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;); } 
Test het nu

Uitvoer

Na de uitvoering van de bovenstaande code zal de uitvoer zijn:

xor in c++
JavaScript-retour

Nu zullen we zien hoe u meerdere waarden kunt retourneren met behulp van de opbrengst stelling. Normaal gesproken retourneren de JavaScript-functies één waarde, maar we kunnen meerdere waarden retourneren door de reeks of voorwerp . Om meerdere waarden te retourneren, kunnen we de waarden inpakken als de eigenschappen van het object of als array-elementen.

Voorbeeld3 - Meerdere waarden retourneren met behulp van Array

In dit voorbeeld retourneren we meerdere waarden met behulp van de Array . Hier gebruiken we de ES6 Array-destructurering syntaxis om de waarden van array uit te pakken.

 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); 
Test het nu

Uitvoer

JavaScript-retour