Funciones y su Creación
Las funciones en JavaScript constituyen el principal sistema de construcción. Una función en JavaScript tiene un propósito bien definido y cumple con varias características como son:
-
La palabra clave de la función: function
-
El nombre de la función
-
Un conjunto de argumentos de la función separados por comas y dentro de paréntesis si es que posee. Puede contener hasta un máximo de 255 parámetros.
-
Las instrucciones de la función entre los paréntesis de llaves { }.
Es importante tener claro que si se realiza una llamada a una función ésta debe estar previamente definida, para lo cual debe leerse por el browser antes de que sea llamada por alguna acción o de otra forma se producirá un error por no estas definida la función.
La instrucción return
Esta instrucción permite retornar un valor desde la función. No requiere que se defina el tipo de valor devuelto en el encabezado de la función.
La matriz arguments
Esta matriz guarda los argumentos pasados a la función como parámetros. Posee la propiedad length, que indica la cantidad de argumentos recibidos.
Sintaxis:
Nombre_Funcion.arguments[indice] à Un parámetro en específico
Nombre_Funcion.arguments.length à Cantidad de argumentos
El uso de esta propiedad no requiere que se definan parámetros para la función.
Ejemplo:
<html>
<head>
<title>Cambio de Base</title>
<script language=»JavaScript»>
<!–
//Esta función permite cambiar de base un número en base 10
//a la base que se desee. Como parámetro se recibe el número
//y la base a la que se desea convertir.
function CambioBase(numero, base)
{
c=0; // Variables definidas en forma implícita
x=1;
while(numero>0)
{
r = numero % base;
c = (r * x) + c;
x = x * 10;
numero = (numero – r) / base;
}
document.forms[«cambio»].numero_bn.value = c; //hacemos referencia al
//al cuadro de texto dentro
//del formulario cambio.
}
//–>
</script>
</head>
<body bgcolor=»#FFFFFF» text=»#000000″>
<form name=»cambio» method=»post» action=»»>
<p>Número en base 10
<input type=»text» name=»numero_b10″ size=»20″>
<br>
pasar a base
<input type=»text» name=»base» size=»5″>
<br>
Resultado:
<input type=»text» name=»numero_bn» size=»20″>
<input type=»button» name=»transforma» value=»Convertir Base»
onClick=»CambioBase(form.numero_b10.value, form.base.value);»>
</p>
</form>
</body>
</html>
