Funciones en JavaScript
Las funciones son una de las ventajas que tienen los lenguajes de programación. Una función es una serie de instrucciones como las que has visto hasta ahora englobadas bajo un mismo nombre (el nombre de la función)
Una vez creada la función podemos utilizarla en cualquier parte del programa (incluso varias veces en lugares distintos) simplemente utilizando el nombre que le hemos asignado a la función.
De esta forma, entre otras cosas, nos evitamos tener que volver a escribir el mismo grupo de instrucciones varias veces.
La estructura de una función es la siguiente:
function nombre_de_función(argumentos)
{
instrucción 1
instrucción 2
…
return valor
}
Dentro de una función podemos escribir todas las instrucciones que necesitemos y, al final, podemos escribir un valor de retorno
Para entender un poco mejor este tema vamos a ver el siguiente ejemplo:
<SCRIPT LANGUAJE=”JavaScript”>
function cuadrado(numero)
{
return numero*numero
}
var num
num = prompt(“Introduce número”, “”)
document.write(“El cuadrado es ” + cuadrado(num))
</SCRIPT>
Este pequeño programa nos va a servir para calcular el cuadrado de un número. Vamos a analizarlo
En primer lugar se define una función llamada cuadrado(). De momento vamos a ignorarla y vamos a pasar directamente detrás.
La línea
var num
nos va a servir para definir la variable num, donde vamos a introducir el número que queremos elevar al cuadrado
La siguiente línea (prompt) hará que aparezca en pantalla una nueva ventana pidiéndonos que introduzcamos el valor de num (cualquier número en este caso)
Por último, la línea de document.write hará que se muestre en la ventana del navegador el resultado del cuadrado.
Fíjate que la parte entre paréntesis incluye ‘cuadrado(num)’. Lo que hace esta parte en realidad es llamar a la función ‘cuadrado()’ y además le ‘pasa’ lo que vale num (el número que hemos introducido)
Fíjate ahora en la parte superior del programa, justo donde comienza la función:
function cuadrado(numero)
La función se llama cuadrado y entre paréntesis aparece la palabra numero. Esta va a ser la variable que va a utilizar la función para realizar los cálculos.
Como hemos llamado a la función con ‘cuadrado(num)’, la variable numero valdrá lo mismo que num.
Fíjate ahora que la única instrucción que contiene la función es:
return numero*numero
Esto significa que se va a multiplicar numero*numero y ese va a ser el valor de la función cuadrado
Veamos un ejemplo práctico:
Supongamos que estamos ejecutando el programa.
Justo al llegar a la línea del prompt, aparece una pequeña ventana preguntándonos el valor de num
Supongamos que pulsamos un 5, o sea, que num valdrá 5
En la siguiente linea vemos que document.write debe visualizar el resultado de cuadrado(num) es decir cuadrado(5). De esta forma se llama a la función.
La función se llama cuadrado(numero), por lo tanto, el 5 (que es lo que vale num) pasa a numero (es como si escribimos numero=num)
Por último, la línea dentro de la función dice
return numero*numero
O sea:
return 5*5 (que es lo que vale numero)
Por lo tanto, el valor de la función es 25, que es lo que escribe document.write.
Si no tienes experiencia con lenguajes de programación, seguramente pensarás que el tema de las funciones es lioso… y lo es
Si lo ves muy complicado quizás deberías comenzar por otros tutoriales más sencillos, (html por ejemplo). Puedes encontrar tutoriales en www.territoriopc.com
Si crees que eres capaz de dominarlo, entonces necesitas practicar, crear tus propias funciones. Una vez que te hayan salido bien cuatro o cinco, verás que siempre es igual.
Puedes comenzar realizando pequeñas modificaciones sobre la función que tienes en este capítulo y comprobando el resultado.
La mejor forma de aprender es experimentando