Clase 1- Variables y Alcance

Láminas correspondientes a la primera clase de Javascript

Transcript

1. Introducción Variables y alcance Desarrollo web con JAVASCRIPT nivel 1 Marcos Grillo
2. Introducción Variables y alcance 1 Introducción Desarrollo web y uso de JAVASCRIPT Ejecución de JAVASCRIPT en Chrome y Firefox 2 Variables y alcance Estructura lexicográfica Declaración y tipos de variables Alcance de variables
3. Introducción Variables y alcance Introducción: uso de JAVASCRIPT HTML se usa para dar el contenido, CSS para mejorar la presentación y JAVASCRIPT permite cambiar el comportamiento de una página web
4. Introducción Variables y alcance Introducción: uso de JAVASCRIPT HTML se usa para dar el contenido, CSS para mejorar la presentación y JAVASCRIPT permite cambiar el comportamiento de una página web JAVASCRIPT no es JAVA para navegadores
5. Introducción Variables y alcance Introducción: uso de JAVASCRIPT HTML se usa para dar el contenido, CSS para mejorar la presentación y JAVASCRIPT permite cambiar el comportamiento de una página web JAVASCRIPT no es JAVA para navegadores ECMAScript es el nombre de la estandarización
6. Introducción Variables y alcance Introducción: uso de JAVASCRIPT HTML se usa para dar el contenido, CSS para mejorar la presentación y JAVASCRIPT permite cambiar el comportamiento de una página web JAVASCRIPT no es JAVA para navegadores ECMAScript es el nombre de la estandarización http://www.ecmascript.org/
7. Introducción Variables y alcance Introducción: uso de JAVASCRIPT HTML se usa para dar el contenido, CSS para mejorar la presentación y JAVASCRIPT permite cambiar el comportamiento de una página web JAVASCRIPT no es JAVA para navegadores ECMAScript es el nombre de la estandarización http://www.ecmascript.org/ JAVASCRIPT es un lenguaje de scripting generalmente interpretado
8. Introducción Variables y alcance Ejecución de JAVASCRIPT en Chrome y Firefox En Firefox o chrome: click derecho -> Inspeccionar elemento
9. Introducción Variables y alcance Ejecución de JAVASCRIPT en Chrome y Firefox En Firefox o chrome: click derecho -> Inspeccionar elemento Escriban en la consola: 1 console . log ( " Hola mundo" ) ; 2 alert ( " Hola mundo" ) ;
10. Introducción Variables y alcance Ejecución de JAVASCRIPT en Chrome y Firefox En Firefox o chrome: click derecho -> Inspeccionar elemento Escriban en la consola: 1 console . log ( " Hola mundo" ) ; 2 alert ( " Hola mundo" ) ; Ejecutar el html de prueba
11. Introducción Variables y alcance Estructura lexicográfica Estructura lexicográfica Codificación: unicode
12. Introducción Variables y alcance Estructura lexicográfica Estructura lexicográfica Codificación: unicode Toma en cuenta mayúsculas y minúsculas, probar: 1 var online = 1; 2 console . log ( Online ) ;
13. Introducción Variables y alcance Estructura lexicográfica Estructura lexicográfica Codificación: unicode Toma en cuenta mayúsculas y minúsculas, probar: 1 var online = 1; 2 console . log ( Online ) ; Usa // y /* *\ para comentarios de lineas o bloque respectivamente. Ejemplo: 1 // Esto imprim en la consola 2 console . log ( " Hola mundo" ) ; 3 /* 4 Muestra un prompt en pantalla . 5 */ 6 alert ( " Hola mundo" ) ;
14. Introducción Variables y alcance Estructura lexicográfica Estructura lexicográfica Algunas palabras reservadas     break case catch continue debugger default delete do else false finally for function if in in- stanceof new null return switch this throw true try typeof var void while with for
15. Introducción Variables y alcance Estructura lexicográfica Estructura lexicográfica Algunas palabras reservadas     break case catch continue debugger default delete do else false finally for function if in in- stanceof new null return switch this throw true try typeof var void while with for Ver lista completa en: http://www.w3schools.com/js/js_reserved.asp
16. Introducción Variables y alcance Declaración y tipos de variables Declaración y tipos de variables Los tipos de JAVASCRIPT se pueden dividir en 2 categorías: primitivos y objetos
17. Introducción Variables y alcance Declaración y tipos de variables Declaración y tipos de variables Los tipos de JAVASCRIPT se pueden dividir en 2 categorías: primitivos y objetos Los tipos primitivos son Números (Numbers), Arreglos de caracteres (Strings) y Booleanos (Boolean).
18. Introducción Variables y alcance Declaración y tipos de variables Declaración y tipos de variables Los tipos de JAVASCRIPT se pueden dividir en 2 categorías: primitivos y objetos Los tipos primitivos son Números (Numbers), Arreglos de caracteres (Strings) y Booleanos (Boolean). null y undefined son valores primitivos que se consideran como tipo. Ambos indican ausencia de valor en distintos contextos
19. Introducción Variables y alcance Declaración y tipos de variables Declaración y tipos de variables Los tipos de JAVASCRIPT se pueden dividir en 2 categorías: primitivos y objetos Los tipos primitivos son Números (Numbers), Arreglos de caracteres (Strings) y Booleanos (Boolean). null y undefined son valores primitivos que se consideran como tipo. Ambos indican ausencia de valor en distintos contextos undefined se usa para variables no inicializadas, se retorna cuando se solicita una función o propiedad que no existe en una clase, se retorna en las funciones que no retornan tipos y es el valor por defecto en funciones sin parametros especificados
20. Introducción Variables y alcance Declaración y tipos de variables Declaración y tipos de variables A las variables en JAVASCRIPT se les puede asignar cualquier tipo en cualquier momento. Probar: 1 var untyped = 1; 2 console . log ( untyped ) ; 3 untyped = "Ahora puedo asignarle un string " ; 4 console . log ( untyped ) ; 5 untyped = 1.9020283; 6 console . log ( untyped ) ; 7 untyped = console ; 8 untyped . log ( " Hola mundo" ) ;
21. Introducción Variables y alcance Declaración y tipos de variables Declaración y tipos de variables A las variables en JAVASCRIPT se les puede asignar cualquier tipo en cualquier momento. Probar: 1 var untyped = 1; 2 console . log ( untyped ) ; 3 untyped = "Ahora puedo asignarle un string " ; 4 console . log ( untyped ) ; 5 untyped = 1.9020283; 6 console . log ( untyped ) ; 7 untyped = console ; 8 untyped . log ( " Hola mundo" ) ; El tipo Number no diferencia entre punto flotante ni enteros
22. Introducción Variables y alcance Declaración y tipos de variables Declaración y tipos de variables A las variables en JAVASCRIPT se les puede asignar cualquier tipo en cualquier momento. Probar: 1 var untyped = 1; 2 console . log ( untyped ) ; 3 untyped = "Ahora puedo asignarle un string " ; 4 console . log ( untyped ) ; 5 untyped = 1.9020283; 6 console . log ( untyped ) ; 7 untyped = console ; 8 untyped . log ( " Hola mundo" ) ; El tipo Number no diferencia entre punto flotante ni enteros 0, -0, “”, null y undefined se consideran como false
23. Introducción Variables y alcance Alcance de variables Alcance de variables El alcance se refiere al tiempo de vida de una variable
24. Introducción Variables y alcance Alcance de variables Alcance de variables El alcance se refiere al tiempo de vida de una variable JAVASCRIPT posee alcance estático. Ejecute lo siguiente: 1 var x = 1; 2 function g ( ) { 3 console . log ( x ) ; 4 x = 2; 5 } 6 function f ( ) { 7 var x = 3; 8 g ( ) ; 9 } 10 f ( ) ;