¿Existe una mejor manera de hacer parámetros de función opcional en JavaScript??

Las funciones en JavaScript frecuentemente incluyen parámetros opcionales que permiten a la persona que llama modificar el comportamiento de la función. Sin embargo, tratar con parámetros opcionales puede ser difícil y propenso a errores, particularmente cuando se trabaja con grandes funciones con múltiples parámetros. Si bien hay varias formas alternativas de especificar parámetros de función opcional en JavaScript que pueden simplificar y mejorar la solidez del código.

Este blog demostrará la mejor manera de usar los parámetros opcionales en la función.

¿Existe una mejor manera de hacer/usar parámetros de función opcional en JavaScript??

Sí! Hay muchas formas de usar los parámetros opcionales en la función. Estos son los siguientes:

• Valor de parámetro predeterminado
• Use el "Argumentos.Propiedad de longitud "

Aquí, primero, entenderemos los parámetros de la función opcional. "Parámetros opcionales"Son los parámetros de la función que no se necesitan y pueden ser transmitidos o no por la persona que llama.

Ejemplo
Defina una función llamada "suma"Con dos parámetros opcionales"X" y "Y"Esa devuelve la suma de dos números:

función suma (x, y)
return x + y;

Llame a la función definida pasando dos números "11" y "4"Como argumentos:

consola.log (suma (11, 4));

Pase solo un argumento "11"Como los parámetros son opcionales:

consola.log (suma (11));

Aquí, llamaremos a la función sin aprobar ningún argumento:

consola.log (sum ());

Ahora, veamos la salida que da "Yaya"Dos veces en lugar de lanzar un error porque no hay otro número en la llamada de función para realizar la operación:

Ahora, veamos las otras formas de usar los parámetros opcionales.

Método 1: Valor predeterminado del parámetro

Utilizar el "valor por defecto”Del parámetro para manejar los parámetros de función opcional. Es la característica del módulo ES6 que permite establecer un valor predeterminado para un parámetro de función en caso de que la persona que llame no proporcione valor. Ayuda a evitar escribir declaraciones condicionales adicionales para verificar si un parámetro está definido o no.

Es la mejor manera de hacer parámetros de función opcional, ya que hace que el código sea simple y fácil de entender, al tiempo que minimiza la posibilidad de errores causados ​​por parámetros perdidos o indefinidos.

Sintaxis
Siga la sintaxis dada para el valor predeterminado del parámetro de función:

función funcname (a = 5, b = 9)
// ..

Ejemplo
Definir una función con parámetros de valor predeterminado:

función suma (x = 3, y = 5)
return x + y;

Llame a la función tres veces, en la primera llamada de función, pase dos valores "11" y "4"Como argumento, en la segunda llamada, pase solo un argumento, y en la última llamada de función, no se aprobarán argumentos:

consola.log (suma (11, 4));
consola.log (suma (11));
consola.log (sum ());

La salida devuelve los valores constantes después de realizar una operación en lugar de dar NAN. Porque la llamada de función sin argumentos y argumento único considera los valores predeterminados para realizar la operación:

Método 2: use los "argumentos.Propiedad de longitud "

Otra forma de manejar los parámetros de función opcional, use el "argumentos.longitud" propiedad. Cada función en JavaScript tiene un objeto llamado "argumento"Eso contiene los valores de los parámetros. El "longitud"Del objeto de los argumentos indica el número total de parámetros proporcionados a la función. En este enfoque, asignaremos un valor a los parámetros no atenuados utilizando declaraciones condicionales.

Sintaxis
Se utiliza la siguiente sintaxis para los "argumentos.Propiedad de longitud "para hacer parámetros de función opcional:

función (a, b, c)
if (argumentos.longitud == 0)
// Asigna los valores a todos los parámetros
else if (argumentos.longitud == 1)
// Asignar el valor a los últimos 2 parámetros
else if (argumentos.longitud == 2)
// Asignar el valor al último parámetro

Ejemplo
Defina una función "suma"Con dos variables opcionales"X" y "Y". Use la instrucción if-else para asignar valores a los parámetros basados ​​en la longitud del argumento:

función suma (x, y)
if (argumentos.longitud === 0)
x = 3;
y = 5;

más si (argumentos.longitud === 1)
y = 5;

return x + y;

Llame a la función tres veces con o sin argumentos:

consola.log (suma (11, 4));
consola.log (suma (11));
consola.log (sum ());

Producción

Eso se trataba de manejar parámetros de función opcional en JavaScript.

Conclusión

El "valor por defecto"Del parámetro y un"argumentos.longitudLa propiedad se utiliza para hacer/manejar los parámetros de función opcional. El "valor predeterminado" del parámetro es una mejor manera de manejar los parámetros de función opcional, ya que hace que el código sea simple y fácil de entender, al tiempo que minimiza la posibilidad de errores causados ​​por parámetros perdidos o indefinidos. Este blog demostró la mejor manera de usar los parámetros opcionales en la función.