Programacion Avanzada JavaScript

UNIVERSIDAD DE PANAMÁ
CENTRO REGIONAL UNIVERSITARIO DE COCLÉ
FACULTAD DE INFORMÁTICA, ELECTRÓNICA Y COMUNICACIÓN
PROGRAMACIÓN PARA LA WEB

Capítulo 4: Programación Avanzada

Por: Víctor Martínez, Grace Ojo y Lois Ortega
Junio 2012

CONTENIDOS
4.1 FUNCIONES

4.1.1. ARGUMENTOS Y VALORES DE RETORNO

4.2 ÁMBITO DE LAS VARIABLES

4.3 SENTENCIAS BREAK Y CONTINUE

4.4 OTRAS ESTRUCTURAS DE CONTROL

4.1 FUNCIONES

• Cuando se desarrolla una aplicación
compleja, es muy habitual utilizar una
y otra vez las mismas instrucciones.
• Son la solución a todos estos
problemas, tanto en JavaScript como
en el resto de lenguajes de
programación.

EJEMPLO DE FUNCIONES
function suma_y_muestra() {
resultado = numero1 + numero2;
alert("El resultado es " + resultado);
}
var resultado;
var numero1 = 3;
var numero2 = 5;
suma_y_muestra();
numero1 = 10;
numero2 = 7;
suma_y_muestra();
numero1 = 5;
numero2 = 8;
suma_y_muestra();
...

4.1.1. ARGUMENTOS Y
VALORES DE RETORNO
Antes de que pueda utilizarlos, la función debe
indicar cuántos argumentos necesita y cuál es el
nombre de cada argumento. Además, al invocar la
función, se deben incluir los valores que se le van a
pasar a la función. Los argumentos se indican dentro
de los paréntesis que van detrás del nombre de la
función y se separan con una coma (,).

EJEMPLO DE ARGUMENTOS
// Definición de la función
function suma_y_muestra(primerNumero,
segundoNumero) { ... }
var resultado = primerNumero + segundoNumero;
alert("El resultado es " + resultado);
}
// Declaración de las variables
var numero1 = 3;
var numero2 = 5;
// Llamada a la función
suma_y_muestra(numero1, numero2);

4.2. ÁMBITO DE LAS VARIABLES
Es la zona del programa en la que se define la
variable. JavaScript define dos ámbitos para las
variables: Global y Local.
Ejemplo ilustra el comportamiento de los ámbitos:
function creaMensaje() {
var mensaje = “Mensaje de prueba”;
}
creaMensaje();
alert(mensaje);

VARIABLE GLOBAL Y LOCAL
La razón es que la variable mensaje se ha definido
dentro de la función creaMensaje() y por tanto, es
una variable local que solamente está definida
dentro de la función.
Además de variables locales, también existe el
concepto de variable global, que está definida en
cualquier punto del programa (incluso dentro de
cualquier función).

EJEMPLO VARIABE GLOBAL Y LOCAL
function creaMensaje() var mensaje = “Mensaje
{ de prueba”;
var mensaje = “Mensaje function
de prueba”; muestraMensaje() {
alert(mensaje); alert(mensaje);
} }
creaMensaje();

4.3 SENTENCIAS BREAK Y CONTINUE
Permiten manipular el comportamiento normal de
los bucles for para detener el bucle o para saltarse
algunas repeticiones. Concretamente, la sentencia
break permite terminar de forma abrupta un bucle y
la sentencia continue permite saltarse algunas
repeticiones del bucle.

EJEMPLO
SENTENCIA BREAK Y CONTINUE
var cadena = "En un lugar de la var cadena = "En un lugar de la
Mancha de cuyo nombre no quiero Mancha de cuyo nombre no quiero
acordarme..."; acordarme...";
var letras = cadena.split(""); var letras = cadena.split("");
var resultado = ""; var resultado = "";
for(i in letras) { for(i in letras) {
if(letras[i] == 'a') { if(letras[i] == 'a') {
break; continue;
} }
else {
else {
resultado += letras[i];
resultado += letras[i];
}
}
}
} alert(resultado);
alert(resultado); // muestra "En un lugr de l Mnch de
// muestra "En un lug" cuyo nombre no quiero cordrme..."

4.4 OTRAS ESTRUCTURAS DE CONTROL

4.4.1. ESTRUCTURA WHILE

4.4.3. ESTRUCTURA SWITCH

4.4.2. ESTRUCTURA DO...WHILE

4.4.1. ESTRUCTURA WHILE
Permite crear bucles que se ejecutan ninguna o
más veces, dependiendo de la condición indicada.
Su definición formal es:
while(condicion) {
...
}
El funcionamiento del bucle while : "mientras se
cumpla la condición indicada, repite
indefinidamente las instrucciones incluidas dentro
del bucle".

EJEMPLO ESTRUCTURA WHILE
var resultado = 0;
var numero = 100;
var i = 0;
while(i <= numero) {
resultado += i;
i++;
}
alert(resultado);

4.4.2. ESTRUCTURA DO...WHILE
El bucle de tipo do...while es muy similar al bucle
while, salvo que en este caso siempre se ejecutan
las instrucciones del bucle al menos la primera vez.
Su definición formal es:
do {
...
} while(condicion);

EJEMPLO ESTRUCTURA DO...WHILE
El factorial de un número:
var resultado = 1;
var numero = 5;
do {
resultado *= numero; // resultado = resultado *
numero
numero--;
} while(numero > 0);
alert(resultado);

4.4.3. ESTRUCTURA SWITCH
La estructura switch es la más eficiente, ya que
está especialmente diseñada para manejar de
forma sencilla múltiples condiciones sobre la
misma variable , mediante la palabra reservada
switch seguida, entre paréntesis, del nombre de la
variable que se va a utilizar en las comparaciones.
Como es habitual, las instrucciones que forman
parte del switch se encierran entre las llaves { y }.

EJEMPLO ESTRUCTURA SWITCH
switch(variable) { switch(numero) {
case valor_1: ... case 5: ...
break; break;
case valor_2: ... case 8: ...
break; ... break;
case valor_n: ... case 20: ...
break; break;
default: ... default: ...
break; break;
} }

Programacion Avanzada JavaScript

Más contenido relacionado

La actualidad más candente (19)

Similar a Programacion Avanzada JavaScript (20)

Último (20)

Programacion Avanzada JavaScript