logo

Ritorno JavaScript

IL ritorno L'istruzione viene utilizzata per restituire un particolare valore dalla funzione al chiamante della funzione. La funzione interromperà l'esecuzione quando ritorno viene chiamata l'istruzione. IL ritorno dovrebbe essere l'ultima istruzione in una funzione perché il codice dopo il ritorno la dichiarazione sarà irraggiungibile.

Possiamo restituire valori primitivi (come booleani, numeri, stringhe, ecc.) e tipi di oggetti (come funzioni, oggetti, array, ecc.) utilizzando il comando ritorno dichiarazione.

Possiamo anche restituire più valori utilizzando il metodo ritorno dichiarazione. Non è possibile farlo direttamente. Dobbiamo usare un Vettore O Oggetto per restituire più valori da una funzione.

Sintassi

 return expression; 

IL espressione nella sintassi precedente è il valore restituito al chiamante della funzione. È facoltativo. Se la espressione non è specificato, la funzione restituisce non definito .

Non è consentito utilizzare un terminatore di linea tra i ritorno parola chiave e valore. Possiamo capirlo utilizzando le seguenti righe. Supponiamo di scrivere il ritorno dichiarazione come segue:

 return x + y; 

Quindi, verrà trasformato in -

stringa Java in carattere
 return; x + y; 

C'è l'inserimento automatico del punto e virgola dopo il ritorno dichiarazione. Il codice scritto dopo il ritorno dichiarazione ( x + y; ) sarà considerato come il codice irraggiungibile .

Possiamo usare le parentesi per prevenire questo problema. Può essere scritto come -

 return ( x + y; ); 

Vediamo ora alcuni esempi di utilizzo di ritorno dichiarazione in JavaScript .

Esempio 1

Questo è un semplice esempio di utilizzo di ritorno dichiarazione. Qui stiamo restituendo il risultato del prodotto di due numeri e restituendo il valore al chiamante della funzione.

rispetto a Java

La variabile ris è il chiamante della funzione; sta chiamando la funzione divertimento() e passando due numeri interi come argomenti della funzione. Il risultato verrà archiviato nel file ris variabile. Nell'output, il valore 360 è il prodotto di argomenti 12 E 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); 
Provalo adesso

Produzione

Dopo l'esecuzione del codice precedente, l'output è:

Ritorno JavaScript

Esempio2

Qui stiamo interrompendo una funzione utilizzando il comando ritorno dichiarazione. La funzione interrompe immediatamente l'esecuzione quando il file ritorno viene chiamata l'istruzione.

C'è un infinito Mentre ciclo e variabile io, che viene inizializzato a 1. Il ciclo continua fino al valore di io raggiunto a 4 . Quando il valore della variabile sarà 4, il ciclo interromperà la sua esecuzione a causa del ritorno dichiarazione. L'istruzione dopo il ciclo non verrà mai eseguita.

cambiare nome directory linux

Ecco, il ritorno l'istruzione è senza utilizzare l'estensione espressione , quindi ritorna non definito.

 <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;); } 
Provalo adesso

Produzione

Dopo l'esecuzione del codice sopra, l'output sarà:

Ritorno JavaScript

Ora vedremo come restituire più valori utilizzando il comando ritorno dichiarazione. Di solito, le funzioni JavaScript restituiscono un singolo valore, ma possiamo restituire più valori utilizzando il metodo vettore O oggetto . Per restituire più valori, possiamo comprimere i valori come proprietà dell'oggetto o elementi dell'array.

Esempio 3: restituzione di più valori utilizzando Array

In questo esempio, stiamo restituendo più valori utilizzando il metodo Vettore . Qui stiamo usando il Destrutturazione dell'array ES6 sintassi per decomprimere i valori di array.

 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); 
Provalo adesso

Produzione

Ritorno JavaScript