Juan Garcés

Personal Blog

El Lenguaje JavaScript

Julio 17th, 2013

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&uacute;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>

Juan Garcés

Personal Blog