logo

retorno de JavaScript

El devolver La declaración se utiliza para devolver un valor particular de la función al llamador de la función. La función dejará de ejecutarse cuando el devolver se llama declaración. El devolver La declaración debe ser la última declaración en una función porque el código después de la devolver La declaración será inalcanzable.

Podemos devolver valores primitivos (como booleanos, números, cadenas, etc.) y tipos de objetos (como funciones, objetos, matrices, etc.) usando el devolver declaración.

También podemos devolver múltiples valores usando el devolver declaración. No se puede hacer directamente. Tenemos que usar un Formación o Objeto para devolver múltiples valores de una función.

Sintaxis

 return expression; 

El expresión en la sintaxis anterior está el valor devuelto al llamador de la función. Es opcional. Si el expresión no se especifica, la función devuelve indefinido .

No está permitido utilizar un terminador de línea entre el devolver palabra clave y valor. Podemos entenderlo usando las siguientes líneas. Supongamos que estamos escribiendo el devolver declaración de la siguiente manera:

 return x + y; 

Entonces, se transformará en...

Actriz Sai Pallavi
 return; x + y; 

Existe la inserción automática del punto y coma después del devolver declaración. El código escrito después del devolver declaración ( x + y; ) será considerado como el código inalcanzable .

Podemos utilizar paréntesis para evitar este problema. Se puede escribir como -

 return ( x + y; ); 

Ahora, veamos algunos ejemplos del uso de devolver declaración en javascript .

Ejemplo 1

Este es un ejemplo sencillo del uso de devolver declaración. Aquí, devolvemos el resultado del producto de dos números y devolvemos el valor a la persona que llama a la función.

mapeo en mecanografiado

La variable res es el llamador de la función; está llamando a la función divertido() y pasando dos números enteros como argumentos de la función. El resultado se almacenará en el res variable. En la salida, el valor 360 es el producto de argumentos 12 y 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); 
Pruébalo ahora

Producción

Después de la ejecución del código anterior, el resultado es:

retorno de JavaScript

Ejemplo2

Aquí, estamos interrumpiendo una función usando el devolver declaración. La función deja de ejecutarse inmediatamente cuando el devolver se llama declaración.

Hay un infinito mientras bucle y variable i, que se inicializa a 1. El ciclo continúa hasta que el valor de i llegado a 4 . Cuando el valor de la variable será 4, el bucle detiene su ejecución debido a la devolver declaración. La declaración después del bucle nunca se ejecutará.

Actor Rekha

Aquí el devolver declaración es sin usar el expresión , entonces regresa indefinido.

 <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;); } 
Pruébalo ahora

Producción

Después de la ejecución del código anterior, el resultado será:

retorno de JavaScript

Ahora veremos cómo devolver múltiples valores usando el devolver declaración. Por lo general, las funciones de JavaScript devuelven un solo valor, pero podemos devolver múltiples valores usando el formación o objeto . Para devolver múltiples valores, podemos empaquetar los valores como propiedades del objeto o elementos de matriz.

Ejemplo 3: Devolver múltiples valores usando Array

En este ejemplo, devolvemos múltiples valores usando el Formación . Aquí estamos usando el Desestructuración de matrices ES6 sintaxis para descomprimir los valores de la matriz.

 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); 
Pruébalo ahora

Producción

retorno de JavaScript