Conceptos de JavaScript

Conceptos de JavaScript

1. Operador de asignacion condicional: "?:"

   • El operador de asignación condicional *devuelve un valor en función de una condición lógica
     • Semantica de la asignación condicional *si condición se evalua a true

2. Variables y estados de programas

   • Las variables se crean con la sentencia de definicion de variables
   • Son conjunto de valores en todas sus variables

3. Sentencia de asignacion de variables

   • Una variable es un contenedor de valores
     • *La sentencia de asignacion introduce un nuevo valor
   • Las variables de JavaScript son no tipadas

4. Delimitacion de sentencias

   • .- ";" delimita el final de una sentencia
   • .-El final de sentencia tambien puede delimitarse con una nueva linea

5. Nombres de variables

   • .- El nombre (o identificador) de una variable debe comenzar por
     • * Letra, _ o $ *El nombre puede contener además números * Nombre bien construidos: x, ya_vas, $A1, $, _43dias * Nombres mal construidos: 1A, 123, %3, v=7, a?b,
   • .- Un nombre de variable *no debe ser una palabra reservada de JavaScript

6. Expresion con variables

   • .- Una variable representa el valor que contiene *Puede ser usada en expresiones como cualquier otro valor
   • ° Una variable puede utilizarse en la expresion que se asigna a ella misma ° La parte derecha usa el valor anterior a la ejecicion de la sentencia .- En y = y -2; la variable y tiene el valor 8

7. Asignacion con operacion

   • ° Es muy común modificar el valor de una variable *Sumando, restando; …. algún valor * Por ejemplo, x=x + 7; y = y – 3; z = z + 8 ;
   • ° JavaScript tiene operadores especiales para estas operaciones = +=, -=. *=, /=, %=; ( aplica a operadores logicos, desplazamiento, )

8. Pre y post incremento o decremento

   • JavaScript posee los operadores ++ y – de auto-incremento/decremento *Auto-incremento (++) suma 1 a la variable a la que se aplica *auto-decremento (--) resta 1 a la variable a la que se aplica
   • ++ y – se aplican a la izquierda o derecha de una variable en una expresión *modificando el valor antes o después de evaluar la expresión

9. Entrada/Salida y ejecucion de expresiones

   • La sentencia de ejecución de expresiones puede evaluar expresiones *como por ejemplo, 3 + 2; o alert(“Texto”);
   • Estas sentencias se utilizan habitualmente para comunicar con el exterior *p.e. alert(“Texto”); muestra una ventana desplegable al usuario
   • Una expresión sin afecto lateral, solo genera un valor *si ese valor no se guarda es una variable

10. Funciones alert(), confirm(), y prompt()

    • Interaccion sencilla basada en "pop-ups"
      • Alert(msj): *presenta un mensaje al usuario
        • Confirm(msj): *presenta un mensaje y pide confirmación/rechazo
          • Prompt(msj): *presenta mensaje y pide un dato de entrada

11. Script con expresion

    • Script: programa JavaScript insertado en una pagina HTML *Delimitado con la marca <script> con atributo “type=text/javascript”
      • Alert(“Texto”) muestra “Texto” en un desplegable

12. Script conversor

    • El script pide el numero de Euros a convertir a Dólares *con el desplegable de la función prompt()
      • Cuando el usuario lo introduce *calcula el equivalente en dólares(*1,34)
        • Recargando la pagina *se vuelve a ejecutar el programa

13. Operadores de identidad e igualadad

    • Identidad o igualdad estricta: <v1> === <v2> *igualdad de tipo y valor: *aplicable a: number, boolean y strings
      • Desigualdad estricta: <v1> ¡== <v2> *negación de la igualdad estricta
        • Igualdad y desigualdad débil: *No utilizar! Conversiones impredesibles!

14. Operaciones de comparaciones

    • JavaScript tiene 4 operaciones de comparación *Menor < *Menor o igual: <= *Mayor: > *Mayor o igual: >=
      • Utiliza comparaciones solos con números (number) *poseen una relación de orden bien definida
        • No se recomienda utilizar con otros tipos: string, boolean, object, .. *Las relaciones de orden en estos tipos existen, pero es muy poco intuitiva

15. Operador y de JavaScript: &&

    • Operador lógico y *operador binario: <valor_1> y <valor_2>
      • Semantica del operador lógico y (and) de JavaScript <valor_1> && <valor_2> *si <valor_1> se evalua a false

16. Operador o de JavaScript: II

    • Operador lógico o *operado binario: <valor_1> o <valor_2>
      • Semantica del operador lógico o (or) de JavaScript: <valor_1> II <valor_2> *si <valor_1> se evalua a true

17. Sentencia if/else

18. Ejemplo de prompt()

19. Clase String

    • La clase String incluye metodos y propiedades para procesar strings
    • Propiedad con tamaño: "ciudad".length =>6
    • Metodo: "ciudad".indexOf("da")
    • Metodo: "ciudad".substrings (2.5) => "uda"

20. Clase Number

    • La clase number encapsula numeros
    • Number que define numeros
      • toFixed(n) devuelve string
      • toExponential(n) devuelve string
      • toPresicion(n) devuelve string
    • JS convierte una expresion al objepto

21. Numeros: tipo number

    • Los números se representan con literales de *Enteros *Decimales *Coma flotante
    • Todos los numeros son del tipo number
    • Todos los numeros se representan igual internamente
    • El tipo number incluye 2 variables especiales

22. Conversion a enteros

    • Cuando JavaScript calcula expresiones *convirtiendo tipos según necesita
    • Conversion a entero (o real) *Booleano: true a 1, false a 0 *String: Convierte numero a valor o NaN
    • Convertir un string a un numero

23. Modulo Math

    • El Modulo Math contiene constantes y funciones matematicas
    • Constantes Numeros: E, PI, SQRT2,
    • Funciones *sin(x), cos(x), tan(x), asin(x)…. *log(x), exp(x), pow(x, y), sqrt(x),… *abs(x), ceil(x), floor(x), round(x),… *min(x,y,z,..), mas(x,y,z,..),..

24. Funcion: bloque de codigos con parametros, invocable (ejecutable) a travez del nombre

    • Valor de retorno; resulta de evaluar expr, si se ejecuta la sentencia "return expr"

25. Parametros de una funcion

    • Los parametros de la funcion son variables utilizables en el cuerpo de la funcion
    • La funcion se puede invocar con un numero variable de parametros

26. El array de los argumentos

    • Los parametros de la funcion estan accesibles tambien atravez del array
    • En: comer(“Jose, “paella”) *arguments[0] => “Jose” *arguments[1] => “paella”

27. Parametros por defecto

    • Funciones invocadas con un numero variable de parametros
    • Si es x "undefined", sera false y devolvera parametro por defecto
    • Los parametros son variables y se les puede asignar un valor

28. Actividad 4. Practica Demostrativa. Desarrolla Aplicaciones Web Submodulo 2 Desarrolla aplicaciones que se ejecutan en el cliente

Bilder und Dateien der Mindmap