Valores por defecto en una función Javascript

Ya hemos visto en un ejemplo cómo podíamos construir una función con parámetros variables en Javascript. Esto requiere que el objeto arguments lo vayamos revisando para ver si contiene el argumento esperado. Una de las formas de simplificarlo a partir de ES2015 es el utilizar valores por defecto en una función Javascript.

En este caso los parámetros de la función se van a basar en el concepto de desestructuración de objetos de Javascript.

Definir una función con valores por defecto

Lo primero será definir la función en Javascript mediante la siguiente estructura:

function nombreFuncion({parametro1 = valorDefecto1, parametro2 = valorDefecto2}) {
  // código de la función
}

Por ejemplo vamos a definir la siguiente función Javascript que permite que se la llame con parámetros de color y tamaño.

function pedido({tamanio = 'XL', color = 'rojo'}) {
  console.log('Pedido de talla ' + tamanio + ' y color ' + color);
}

Vemos que los parámetros tienen sus valores por defecto. En el caso de tamanio será ‘XL’ y en el caso de color será ‘rojo’.

Llamar a la función con parámetros opcionales

Ahora ya solo quedará que llamemos a la función con uno, los dos o ninguno de los parámetros. Ya que a la hora de obviarlos lo que sucederá es que la función tomará el valor por defecto.

pedido({tamanio: 'M', color: 'azul'});
pedido({tamanio: 'S'});
pedido({color: 'verde'});
pedido({});

Como podemos comprobar, el uso de valores por defecto en una función Javascript nos simplifica enormemente la codificación de funciones que vayan a tener parámetros variables.