UNIVERSIDAD DE PANAMÁ       CENTRO REGIONAL UNIVERSITARIO DE COCLÉFACULTAD DE INFORMÁTICA, ELECTRÓNICA Y COMUNICACIÓN     ...
CONTENIDOS4.1 FUNCIONES4.1.1. ARGUMENTOS Y VALORES DE RETORNO4.2 ÁMBITO DE LAS VARIABLES4.3 SENTENCIAS BREAK Y CONTINUE4.4...
4.1 FUNCIONES• Cuando se desarrolla una aplicación  compleja, es muy habitual utilizar una  y otra vez las mismas instrucc...
EJEMPLO DE FUNCIONESfunction suma_y_muestra() {resultado = numero1 + numero2;alert("El resultado es " + resultado);}var re...
4.1.1. ARGUMENTOS Y           VALORES DE RETORNOAntes de que pueda utilizarlos, la función debeindicar cuántos argumentos ...
EJEMPLO DE ARGUMENTOS// Definición de la funciónfunction suma_y_muestra(primerNumero,segundoNumero) { ... }var resultado =...
4.2. ÁMBITO DE LAS VARIABLESEs la zona del programa en la que se define lavariable. JavaScript define dos ámbitos para las...
VARIABLE GLOBAL Y LOCALLa razón es que la variable mensaje se ha definidodentro de la función creaMensaje() y por tanto, e...
EJEMPLO VARIABE GLOBAL Y LOCALfunction creaMensaje()   var mensaje = “Mensaje{                        de prueba”;var mensa...
4.3 SENTENCIAS BREAK Y CONTINUEPermiten manipular el comportamiento normal delos bucles for para detener el bucle o para s...
EJEMPLO       SENTENCIA BREAK Y CONTINUEvar cadena = "En un lugar de la   var cadena = "En un lugar de laMancha de cuyo no...
4.4 OTRAS ESTRUCTURAS DE CONTROL       4.4.1. ESTRUCTURA WHILE                           4.4.3. ESTRUCTURA SWITCH       4....
4.4.1. ESTRUCTURA WHILEPermite crear bucles que se ejecutan ninguna omás veces, dependiendo de la condición indicada.Su de...
EJEMPLO ESTRUCTURA WHILEvar resultado = 0;var numero = 100;var i = 0;while(i <= numero) {resultado += i;i++;}alert(resulta...
4.4.2. ESTRUCTURA DO...WHILEEl bucle de tipo do...while es muy similar al buclewhile, salvo que en este caso siempre se ej...
EJEMPLO ESTRUCTURA DO...WHILEEl factorial de un número:var resultado = 1;var numero = 5;do {resultado *= numero; // result...
4.4.3. ESTRUCTURA SWITCHLa estructura switch es la más eficiente, ya queestá especialmente diseñada para manejar deforma s...
EJEMPLO ESTRUCTURA SWITCHswitch(variable) {   switch(numero) {case valor_1: ...    case 5: ...break;               break;c...
Upcoming SlideShare
Loading in …5
×

Programacion Avanzada JavaScript

1,009 views

Published on

Para las aplicaciones más complejas son necesarios otros elementos como
las funciones y otras estructuras de control más avanzadas.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,009
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
37
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Programacion Avanzada JavaScript

  1. 1. UNIVERSIDAD DE PANAMÁ CENTRO REGIONAL UNIVERSITARIO DE COCLÉFACULTAD DE INFORMÁTICA, ELECTRÓNICA Y COMUNICACIÓN PROGRAMACIÓN PARA LA WEBCapítulo 4: Programación Avanzada Por: Víctor Martínez, Grace Ojo y Lois Ortega Junio 2012
  2. 2. CONTENIDOS4.1 FUNCIONES4.1.1. ARGUMENTOS Y VALORES DE RETORNO4.2 ÁMBITO DE LAS VARIABLES4.3 SENTENCIAS BREAK Y CONTINUE4.4 OTRAS ESTRUCTURAS DE CONTROL
  3. 3. 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.
  4. 4. EJEMPLO DE FUNCIONESfunction 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();...
  5. 5. 4.1.1. ARGUMENTOS Y VALORES DE RETORNOAntes de que pueda utilizarlos, la función debeindicar cuántos argumentos necesita y cuál es elnombre de cada argumento. Además, al invocar lafunción, se deben incluir los valores que se le van apasar a la función. Los argumentos se indican dentrode los paréntesis que van detrás del nombre de lafunción y se separan con una coma (,).
  6. 6. EJEMPLO DE ARGUMENTOS// Definición de la funciónfunction suma_y_muestra(primerNumero,segundoNumero) { ... }var resultado = primerNumero + segundoNumero;alert("El resultado es " + resultado);}// Declaración de las variablesvar numero1 = 3;var numero2 = 5;// Llamada a la funciónsuma_y_muestra(numero1, numero2);
  7. 7. 4.2. ÁMBITO DE LAS VARIABLESEs la zona del programa en la que se define lavariable. JavaScript define dos ámbitos para lasvariables: Global y Local.Ejemplo ilustra el comportamiento de los ámbitos:function creaMensaje() {var mensaje = “Mensaje de prueba”;}creaMensaje();alert(mensaje);
  8. 8. VARIABLE GLOBAL Y LOCALLa razón es que la variable mensaje se ha definidodentro de la función creaMensaje() y por tanto, esuna variable local que solamente está definidadentro de la función.Además de variables locales, también existe elconcepto de variable global, que está definida encualquier punto del programa (incluso dentro decualquier función).
  9. 9. EJEMPLO VARIABE GLOBAL Y LOCALfunction creaMensaje() var mensaje = “Mensaje{ de prueba”;var mensaje = “Mensaje functionde prueba”; muestraMensaje() {alert(mensaje); alert(mensaje);} }creaMensaje();
  10. 10. 4.3 SENTENCIAS BREAK Y CONTINUEPermiten manipular el comportamiento normal delos bucles for para detener el bucle o para saltarsealgunas repeticiones. Concretamente, la sentenciabreak permite terminar de forma abrupta un bucle yla sentencia continue permite saltarse algunasrepeticiones del bucle.
  11. 11. EJEMPLO SENTENCIA BREAK Y CONTINUEvar cadena = "En un lugar de la var cadena = "En un lugar de laMancha de cuyo nombre no quiero Mancha de cuyo nombre no quieroacordarme..."; 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..."
  12. 12. 4.4 OTRAS ESTRUCTURAS DE CONTROL 4.4.1. ESTRUCTURA WHILE 4.4.3. ESTRUCTURA SWITCH 4.4.2. ESTRUCTURA DO...WHILE
  13. 13. 4.4.1. ESTRUCTURA WHILEPermite crear bucles que se ejecutan ninguna omás veces, dependiendo de la condición indicada.Su definición formal es: while(condicion) { ... }El funcionamiento del bucle while : "mientras secumpla la condición indicada, repiteindefinidamente las instrucciones incluidas dentrodel bucle".
  14. 14. EJEMPLO ESTRUCTURA WHILEvar resultado = 0;var numero = 100;var i = 0;while(i <= numero) {resultado += i;i++;}alert(resultado);
  15. 15. 4.4.2. ESTRUCTURA DO...WHILEEl bucle de tipo do...while es muy similar al buclewhile, salvo que en este caso siempre se ejecutanlas instrucciones del bucle al menos la primera vez.Su definición formal es:do {...} while(condicion);
  16. 16. EJEMPLO ESTRUCTURA DO...WHILEEl factorial de un número:var resultado = 1;var numero = 5;do {resultado *= numero; // resultado = resultado *numeronumero--;} while(numero > 0);alert(resultado);
  17. 17. 4.4.3. ESTRUCTURA SWITCHLa estructura switch es la más eficiente, ya queestá especialmente diseñada para manejar deforma sencilla múltiples condiciones sobre lamisma variable , mediante la palabra reservadaswitch seguida, entre paréntesis, del nombre de lavariable que se va a utilizar en las comparaciones.Como es habitual, las instrucciones que formanparte del switch se encierran entre las llaves { y }.
  18. 18. EJEMPLO ESTRUCTURA SWITCHswitch(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;} }

×