En esta ocasión trataremos con las funciones. Como verán ES6 trae algunas ventajas interesantes.
FUNCIONES CON PARÁMETROS POR DEFECTO
Como ya sabéis, las funciones pueden recibir parámetros. Como aquí no se trata de enseñar a realizar funciones y se da por hecho que ya sabéis, me limitaré a repasar las novedades que ES6 nos trae.
Únicamente, y a modo comparativo, realizaré una pequeña función con paso de parámetros .
function persona(nombre, edad) {
console.log ("Tu nombre: ", nombre , " Edad: " , edad);
}
persona();
El resultado en consola de Chrome sería:
Como pueden observar, tanto nombre como edad traerían valores undefined, ya que por defecto no tienen asignados ningún valor, y en la función tampoco se les está enviando nada.
No ocurriría este error si le estuviésemos enviado los datos.
function persona(nombre, edad) {
console.log ("Tu nombre: ", nombre , " Edad: " , edad);
}
persona( "Daniel", 25);
El resultado sería:
En este caso, y para evitar tener que realizar ninguna función de comprobación, ES6 incorpora una nueva forma sencilla para establecer valores por defecto.
En este caso establecemos dos parámetros con valores por defecto. A nombre le asignamos “Nombre no asignado“, y a edad le asignamos “sin edad“. En el caso de que al llamar a la función ésta no reciba los parámetros, le asignará el establecido por defecto.
Veamos un ejemplo.
function persona(nombre = "Nombre no asignado", edad = "sin edad") {
console.log ("Tu nombre: ", nombre , " Edad: " , edad);
}
persona( "Daniel" );
El resultado sería:
Como solo estamos enviando un parámetro para nombre, el parámetro de edad se establecerá el asignado por defecto, que en este caso corresponde a “sin edad”.
Los valores por defecto pueden ser de diferentes tipos, desde String, Arrays, Funciones, etc.
