sábado, 9 de noviembre de 2013

Como incluir un parámetro opcional con opciones en una función Javascript


Interesante: Vídeo Tutorial de Javascript, aprende a programar Javascript desde cero.

Bienvenid@s, hoy veremos un ejercicio bastante práctico y útil a la hora de trabajar con funciones Javascript, concretamente con la posibilidad de incluir opciones en un parámetro opcional, esto permite dar mayor funcionalidad a la función y es algo que seguro que estás muy habituado a ver, por ejemplo ...

funcion({width: 12, height: 20});

Es decir, el hecho de poder cambiar las opciones por ejemplo para aplicar el ancho y alto de un objeto, etc.

Para este ejemplo crearemos un parámetro opcional que permitirá incluir opciones, para ello vamos a incluir unas opciones por defecto y posteriormente se evaluará cada opción para saber si ha sido incluída en el parámetro, de no ser así, prevalecerá la opción por defecto.

Código de ejemplo ...

<!DOCTYPE HTML>
<html>
<head>
<title>Como incluir un parámetro opcional con opciones en una función Javascript</title>
<script>
funcion = function(opciones)
{
var defaults = 
{
mensaje1: "Hola",
mensaje2: "Mundo"
}
 opciones.mensaje1 == undefined ? opciones.mensaje1 = defaults.mensaje1 : defaults.mensaje1 = opciones.mensaje1;

 opciones.mensaje2 == undefined ? opciones.mensaje2 = defaults.mensaje2 : defaults.mensaje2 = opciones.mensaje2;
 
return defaults.mensaje1+ " " + defaults.mensaje2;
}
document.write(funcion({mensaje1: "Adios"}));
</script>
</head>
<body>
</body>
</html>