Funciones en Javascript

  • Por
  • 02 de noviembre de 2001
  • Valoración:
  • 10 Comentarios
  • Manuales de Javascript
Comenzamos con las funciones en Javascript. Definimos el concepto de función y aprendemos a crearlas y a llamarlas.
Seguimos trabajando y ampliando nuestros conocimientos sobre Javascript. Con lo visto hasta ahora en el Manual de Javascript ya tenemos una cierta soltura para trabajar en este interesante lenguaje de programación. Pero todavía nos queda mucho por delante.

Ahora vamos a ver un tema muy importante, sobretodo para los que no han programado nunca y con Javascript están dando sus primeros pasos en el mundo de la programación ya que veremos un concepto nuevo, el de función, y los usos que tiene. Para los que ya conozcan el concepto de función también será un capítulo útil, pues también veremos la sintaxis y funcionamiento de las funciones en Javascript.

Qué es una función

A la hora de hacer un programa ligeramente grande existen determinados procesos que se pueden concebir de forma independiente, y que son más sencillos de resolver que el problema entero. Además, estos suelen ser realizados repetidas veces a lo largo de la ejecución del programa. Estos procesos se pueden agrupar en una función, definida para que no tengamos que repetir una y otra vez ese código en nuestros scripts, sino que simplemente llamamos a la función y ella se encarga de hacer todo lo que debe.

Así que podemos ver una función como una serie de instrucciones que englobamos dentro de un mismo proceso. Este proceso se podrá luego ejecutar desde cualquier otro sitio con solo llamarlo. Por ejemplo, en una página web puede haber una función para cambiar el color del fondo y desde cualquier punto de la página podríamos llamarla para que nos cambie el color cuando lo deseemos.

Nota: Si queremos, podemos ampliar esta descripción de las funciones en el artículo Concepto de función.

Las funciones se utilizan constantemente, no sólo las que escribes tú, sino también las que ya están definidas en el sistema, pues todos los lenguajes de programación suelen tener un montón de funciones para realizar procesos habituales, como por ejemplo obtener la hora, imprimir un mensaje en la pantalla o convertir variables de un tipo a otro. Ya hemos visto alguna función en nuestros sencillos ejemplos anteriores. Por ejemplo, cuando hacíamos un document.write() en realidad estábamos llamando a la función write() asociada al documento de la página, que escribe un texto en la página.

En los capítulos de funciones vamos primero a ver cómo realizar nuestras propias funciones y cómo llamarlas luego. A lo largo del manual veremos muchas de las funciones definidas en Javascript que debemos utilizar para realizar distintos tipos de acciones habituales.

Cómo se escribe una función

Una función se debe definir con una sintaxis especial que vamos a conocer a continuación.

function nombrefuncion (){
   instrucciones de la función
   ...
}


Primero se escribe la palabra function, reservada para este uso. Seguidamente se escribe el nombre de la función, que como los nombres de variables puede tener números, letras y algún carácter adicional como en guión bajo. A continuación se colocan entre llaves las distintas instrucciones de la función. Las llaves en el caso de las funciones no son opcionales, además es útil colocarlas siempre como se ve en el ejemplo, para que se reconozca fácilmente la estructura de instrucciones que engloba la función.

Veamos un ejemplo de función para escribir en la página un mensaje de bienvenida dentro de etiquetas <H1> para que quede más resaltado.

function escribirBienvenida(){
   document.write("<H1>Hola a todos</H1>")
}

Simplemente escribe en la página un texto. Admitimos que es una función tan sencilla, que el ejemplo no expresa suficientemente el concepto de función, pero ya veremos otras más complejas. Las etiquetas H1 no se muestran en la página, sino que son interpretadas como el significado de la misma, en este caso que escribimos un encabezado de nivel 1. Como estamos escribiendo en una página web, al poner etiquetas HTML se interpretan como lo que son.

Cómo llamar a una función

Para ejecutar una función la tenemos que invocar en cualquier parte de la página. Con eso conseguiremos que se ejecuten todas las instrucciones que tiene la función entre las dos llaves.

Para ejecutar la función utilizamos su nombre seguido de los paréntesis. Por ejemplo, así llamaríamos a la función escribirBienvenida() que acabamos de crear.

escribirBienvenida()

Luego veremos que existen muchas cosas adicionales que debemos conocer de las funciones, como el paso de parámetros o los valores de retorno. Pero antes vamos a explicar dónde debemos colocar las funciones Javascript.

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Comentarios

04/5/2006
necesito un ejemplo de un programa que use funcioes

almendra damian

16/6/2006
estoy iniciando en esto del java script y no suena tan dificil, pero tengo algunas dudas respecto a funciones, como puedo hacer lo sigueinte: Escribir una función que reciba tres entradas de números enteros correspondientes a las longitudes de los lados de un triángulo y que devuelva uno de los siguientes cuatro valores para determinar el tipo del triángulo (1=escaleno, 2=isósceles, 3=equilátero o 4=error)

Elieet

27/2/2007
Mi duda es:

Puedo tener varias funciones y llamarlas desde un solo Button??
Es decir, si yo tengo una funcion llamada:
function Verificar(){
}
Puedo tener otras:
functionVerificar2(){
}
functionVerificar3(){
}
functionVerificar4...5,6....(){
}
Y mandarlas llamr de un soloButton:
<input name="button" type="button" class="Estilo8" value="Verificar" onClick="Verificar()" />
Gracias agrdesco de antemano su atencion y ayuda.
Espero su respuesta pronto!!


luis

21/8/2009
loquesea
al poner funciones se pone el nombre que sea

angel

14/6/2010
saludos
me parecio muy bueno tu curso ojala y la parte dos lo complemente bn y hagas mas de estos cursos y oye de favor sube de flash y mas lenguajes es que adoro los lenguajes para hacer paginas web por tu atencion grax

Eduardo

15/6/2010
Excelente!!
excelente explicacion gracias por su tiempo aprendi lo esencial para empesar a programar en javascript!! me hubiese gustado mas informacion sobre las funciones predeterminadas por javascript como date() y demas.

gracias.

eugim

28/9/2010
Complementar la info de funciones
Hola, Tenemos mucho material para complementar la información sobre funciones, sólo es cuestión de seguir leyendo el manual o leer el la segunda parte del manual de Javascript, que se explican funciones como las de fechas que pregunta Eduardo.

Dustin

01/1/2011
Consulta de invocacion de una clase de java en javascript
Estoy desarrollando una pequeña aplicacion y se me presenta lo siguiente, tengo mi pagina, que tienes su get y post, mas sin embargo requiero invocar otra clase en java con un metodo que tiene un parametro para actualizar una lista de valores en mi pagina, la logro invocar con un servlet mas sin embargo no puedo capturar los valores de mi pagina cuando el servlet se ejecuta, como puedo pasar un parameto a una clase java desde javascript ó desde la pagina inicial capturo el valor, mas no puedo tampoco llevar ese valor a las instrucciones de javascript ya que da siempre error....

krissia

19/10/2011
duda
como puedo hacer para agrupar por genero osea k si es femenino me los agrupe todos y luego los masculinos

Lu

26/1/2014
Lista
Hola tengo una lista en html pero quiero hacer una función que cuando oprima en uno de los items me lleve a otra pagina! como lo puedo hacer

Compartir