Completo tutorial de JavaScript - Parametros de las funciones

Las estructuras que hemos visto anteriormente sobre funciones no son las
únicas que debemos aprender para manejarlas en toda su potencia. Las funciones
también tienen una entrada y una salida, que se pueden utilizar para recibir y
devolver datos.

---

Parámetros

---

Los parámetros se usan para mandar valores a la función, con los que ella
trabajará para realizar las acciones. Son los valores de entrada que recibe una
función. Por ejemplo, una función que realizase una suma de dos números tendría
como parámetros a esos dos números. Los dos números son la entrada, así como la
salida sería el resultado, pero eso lo veremos más tarde.

---

Veamos un ejemplo anterior en el que creábamos una función para mostrar un
mensaje de bienvenida en la página web, pero al que ahora le vamos a pasar un
parámetro que contendrá el nombre de la persona a la que hay que saludar.

---

function escribirBienvenida(nombre){

---

    document.write("<H1>Hola " + nombre + "</H1>")

---

}

---

Como podemos ver en el ejemplo, para definir en la función un parámetro tenemos
que poner el nombre de la variable que va a almacenar el dato que le pasemos.
Esa variable, que en este caso se llama nombre, tendrá como valor el dato que le
pasemos a la función cuando la llamemos, además, la variable tendrá vida durante
la ejecución de la función y dejará de existir cuando la función termine su
ejecución.

---

Para llamar a una función que tiene parámetros se coloca entre paréntesis el
valor del parámetro. Para llamar a la función del ejemplo habría que escribir:

---

escribirBienvenida("Alberto García")

---

Al llamar a la función así, el parámetro nombre toma como valor "Alberto García"
y al escribir el saludo por pantalla escribirá "Hola Alberto García" entre
etiquetas <H1>.

---

Los parámetros pueden recibir cualquier tipo de datos, numérico, textual,
boleano o un objeto. Realmente no especificamos el tipo del parámetro, por eso
debemos tener un cuidado especial al definir las acciones que realizamos dentro
de la función y al pasarle valores a la función para asegurarnos que todo es
consecuente con los tipos de nuestras variables o parámetros.

---

Múltiples parámetros

---

Una función puede recibir tantos parámetros como queramos y para expresarlo se
colocan los parámetros separados por comas dentro de los paréntesis. Veamos
rápidamente la sintaxis para que la función de antes reciba dos parámetros, el
primero el nombre al que saludar y el segundo el color del texto.

---

function escribirBienvenida(nombre,colorTexto){

---

    document.write("<FONT color=" + colorTexto + ">)

---

    document.write("<H1>Hola " + nombre + "</H1>")

---

    document.write("</FONT>")

---

}

---

Llamaríamos a la función con esta sintaxis. Entre los paréntesis colocaremos los
valores de los parámetros.

---

var miNombre = "Pepe"

---

var miColor = "red"

---

escribirBienvenida(miNombre,miColor)

---

He colocado entre los paréntesis dos variables en lugar de dos textos
entrecomillados. Cuando colocamos variables entre los parámetros en realidad lo
que estamos pasando a la función son los valores que contienen las variables y
no las mismas variables.

---

Parámetros se pasan por valor

---

Al hilo del uso de parámetros en nuestros programas Javascript tenemos que
indicar que los parámetros de las funciones se pasan por valor. Esto quiere
decir que aunque modifiquemos un parámetro en una función la variable original
que habíamos pasado no cambiará su valor. Se puede ver fácilmente con un ejemplo.

---

function pasoPorValor(miParametro){

---

    miParametro = 32

---

    document.write("he cambiado el valor a 32")

---

}

---

var miVariable = 5

---

pasoPorValor(miVariable)

---

document.write ("el valor de la variable es: " + miVariable)

---

En el ejemplo tenemos una función que recibe un parámetro y que modifica el
valor del parámetro asignándole el valor 32. También tenemos una variable, que
inicializamos a 5 y posteriormente llamamos a la función pasándole esta variable
como parámetro. Como dentro de la función modificamos el valor del parámetro
podría pasar que la variable original cambiase de valor, pero como los
parámetros no modifican el valor original de las variables esta no cambia de
valor. De este modo, al imprimir en pantalla el valor de miVariable se imprimirá
el número 5, que es el valor original de la variable, en lugar de 32 que era el
valor col el que habíamos actualizado el parámetro.

---

En javascript sólo se pueden pasar las variables por valor.