2. Generalidades de JavaScript
Lenguaje
Orientado a
Objetos sin
clases ni
herencia
Lenguaje
Orientado a
Objetos
basado en
prototipos
Tiene un
objeto
denominado
“Object” a
partir del cual
por clonación
se obtienen
los demás
objetos.
Sólo se
parece a
Java en
aspectos
sintácticos,
pero no en
su semántica
4. Generalidades de JavaScript
Se pueden
definir objetos
por el
programador
El lenguaje
también
soporta
características
de los
lenguajes
funcionales
Hay gran
cantidad de
API’s
(Application
Programming
Interface)
desarrolladas
por terceros.
5. Caracteríasticas del lenguaje JavaScript
Basado en
prototipos, con
entrada dinámica y
con funciones de
primera clase.
Influencia de
múltiples lenguajes
Sintaxis similar al
lenguaje de
programación Java
Interactuar con una
página web con la
implementación del
DOM.
Se ejecuta en el agente
de usuario, al mismo
tiempo que las sentencias
van descargándose junto
con el código HTML.
6. Ventajas del lenguaje JavaScript
JS
Los navegadores
modernos
interpretan el
código JavaScript
integrado dentro
de las páginas
web.
Es un lenguaje
sencillo
Es un lenguaje
de
programación
muy liviano
7. Ventajas del lenguaje JavaScript
JS
Se
recomiend
a para la
creación
de
aplicacion
es web
Utiliza poca
memoria
Útil para el
desarrollo
de páginas
web
dinámicas
Puede ser
usado en
los
servidores
para hacer
guiones
8. Ventajas del lenguaje JavaScript
JS
Tiene gran
cantidad de
efectos
visuales
Fácil
manejo de
datos
Es soportado
por los más
populares
navegadores
de alta
calidad
Ligero de
carga
Fácil de
integrar
9. Ventajas del lenguaje JavaScript
JS
Cientos de
aplicaciones
disponibles para
uso
Puede agregar
interactividad a
elementos web
Compatible
con la gran
mayoría de los
navegadores
modernos
incluyendo
iPhone, móviles
& PS3
10. Desventajas del lenguaje JavaScript
JS
Los script tienen
capacidades
limitadas, por
razones de
seguridad.
Sus recursos no son
tan extensos
Sus opciones 3d son
limitadas
En sistemas no tan
complejos puede
generar errores
Los usuarios pueden
desactivar
JavaScript en su
navegador
11. Elementos básicos de JavaScript
Objetos
Expresiones
Estructuras
de control
Funciones
Arrays
Eventos
•Elementos de
una página
HTML
pueden
causar un
evento que
ejecutará
una acción
•Esa acción
se
ejecutará a
través de
una serie de
sentencias
JavaScript.
API’s
(jQuery, API
de HTML 5,
…)
12.
13. Sintaxis <script
type="text/javascript">
//instrucciones JavaScript
</script>
¿Dónde se colocan los
scripts?
En general, dentro de
<head> ... </head>
Si genera una salida,
dentro de <body> ...
</body>
Si hace referencia a un
elemento HTML, después
de dicho elemento
En algunos casos, en los
atributos de algunas
etiquetas (eventos)
En un archivo externo <script
type="text/javascript"
src="fuente.js"></script>
En la etiqueta <body>
En la etiqueta
<head> para
llamr a un
archivo externo
15. Elementos básicos del lenguaje
JavaScript es sensible a mayúsculas/minúsculas (“case sensitive”). Es
decir no es lo mismo una letra minúscula que una mayúscula.
• String: cada vez que se asigna una cadena de caracteres a una variable, se crea un objeto
String
• Math: se usa para efectuar cálculos matemáticos
• Date: para el manejo de fechas y horas
• Array: almacena un conjunto de valores en un vector o matriz
• Boolean: almacena “true” o “false”.
• navigator: informa sobre el navegador que se está usando.
• document: es el documento HTML y tiene asociados elementos del documento (link, ancla,
formulario, …).
Objetos predefinidos en JavaScript
También puede haber objetos definidos por el usuario
16. Métodos comunes
String
length(): longitud del string
replace(): reemplaza un texto
por otro
ToUpperCase ():pasa a
mayúsculas
Date
getDate(): Devuelve la fecha
getFullYear(): Devuelve el
año.
getMonth(): Devuelve el mes
entre 0 y 11.
getDay(): Devuelve el día de la
semana.
getHours(): Devuelve la hora
getMinutes(): Devuelve el
minuto
getSeconds(): Devuelve los
segundos
Array
sort(): ordena los elementos
concat(): concatena dos arrays
Math
round(): redondeo
max(), min(): valores máximo
y mínimo
sin(): función seno()
PI: constante
pi=3,141592653589793
17. Declaración y nombres de variables
Las variables son globales a todo el programa, excepto las que se declaran con “var” dentro de funciones.
Deben comenzar por una letra o guión bajo. No deben coincidir con las palabras reservadas de JavaScript.
Se podrían definir como variables:
Nombre
_Opción15
mes3
Declaración
• Asignándole un valor: x = 42
• Con la palabra reservada “var”: var x
• O bien ambos: var x = 42
Comentarios
Comentarios en JavaScript: pueden ser de dos tipos
Una línea: // comentario de una línea
Varias líneas: /* comentario de varias líneas*/
Es opcional poner punto y coma (“;”) al finalizar las sentencias. Se puede poner o no.
Aunque es aconsejable.
26. Definición de nuevos objetos
Es posible definir nuevos objetos de varias formas diferentes:
• Mediante inicialización de objetos. Dando el valor inicial del mismo por medio de la
enumeración de sus propiedades y métodos.
• Mediante una función constructora y el operador “new”
• Mediante la creación de una instancia del objeto genérico Object
• Usando el operador new. Posteriormente se definen las propiedades y métodos del nuevo
objeto.
32. Definición de métodos de los objetos
Un método es una función asociada a un objeto:
• Se definen como cualquier otra función
Se asocian a un objeto mediante la sentencia:
objeto.nombreMétodo = nombreFunción
donde “objeto” debe ser un objeto existente y se pueden invocar así:
objeto.nombreMétodo(parámetros)
Si asociamos el método en la función constructora para un tipo de objetos, estará disponible para todos ellos.
Acceso a las propiedades de los objetos
Podemos acceder de dos formas:
Mediante un índice miCoche[5]
Mediante el nombre miCoche.color //miCoche[“color”]
Sin embargo,
Si se creó con un índice, sólo se puede acceder con dicho índice
Si se creó con un nombre, sólo se puede acceder con dicho nombre
Excepción: objetos predefinidos de HTML (por ej., forms)
document.forms[0].listaCoches // índice
document.forms[“formCoches”].listaCoches // nombre
document.formCoches.listaCoches
33.
34. Mensajes emergentes: pop-ups
Tipo alert
• alert(“Cuidado con las manos")
Tipo confirm
• confirm(“¿Estás seguro?")
Tipo prompt
• prompt(“Dime tu nombre", “ponlo aquí")
35.
36.
37. Creación de arrays
Un array es un conjunto ordenado de valores. Cada valor se denomina elemento
Cada elemento tiene una posición numérica en el array conocido como índice.
Los elementos del array pueden ser de cualquier tipo. Diferentes elementos del array pueden ser
de distintos tipos
Los elementos del array pueden ser objetos u otros arrays.
Los índices de los arrays empiezan en 0 y su valor máximo es 4.294.967.294 (232−2)
Los arrays en JavaScript son dinámicos. No es necesario declarar su tamaño
Los arrays en JavaScript pueden ser dispersos (sparse). Los elementos no tienen que tener
índices obligatoriamente consecutivos.
Todos los array tienen la propiedad length
Para arrays no dispersos es el número de elementos del array
Para arrays dispersos es el valor máximo del índice de sus elementos.
Los arrays son una especialización de object. Implementan Array.prototype
38. Creación de arrays
Se pueden crear de varias formas
Declaración como variables
var vacio = [ ]; // Un array sin elementos
var primos = [2, 3, 5, 7, 11]; // Un array con 5 elementos numéricos
var miscelanea = [ 1.7, true, “c"]; // 3 elementos de diferentes tipos
Se pueden crear con funciones constructoras
Sin argumentos:
var a = new Array();
Con el tamaño como argumento:
var a = new Array(27);
Explicitamente enumerando los elementos como argumentos:
var a = new Array(1, 9, 5, 8, 3, “más, más");