PDF de programación - Introducción a Javascript

Introducción a

Javascript

JJ Merelo

[email protected]

1ª edición

A José Antonio Vacas, mis alumnos de AAP,
los alumnos del curso virtual, y todo el que ha
echado una mano corrigiendo errores y
comentando esto, empezando por Marcos
Taracido.

Índice

Índice de contenido

¿Javascript? Pero si es muy fácil




....................

8
Primer programa en Javascript




....................

12

13


Estructuras de control
.................................





Clases y objetos en Javascript

......................

18



23

Matrices asociativas


....................................



Manejando Objetos




.....................................

29

37

...............................

Objetos para el camino




Funciones como objetos


.............................

41



CommonJS, una infraestructura común para
48


carga de módulos

........................................



50


Para finalizar

................................................



Agradecimientos


..........................................

51



51


Bibliografía

...................................................



El modelo de objetos


...................................

52



61


Usando GreaseMonkey

................................




Trabajando con otras ventanas

...................

66




Selectores
68





....................................................

Eventos


........................................................

68




JQuery: Introducción
70

....................................




Node.js, un intérprete asíncrono para JS



......
74



npm, instalación de módulos en Node
80


.........




Usando un servidor web



..............................
83



node.js como servidor
86


..................................




Para finalizar


...............................................

90




Agradecimientos
91

.........................................




Bibliografía


...................................................

91



Introducción al interfaz REST
92


......................




El protocolo HTTP y sus múltiples posibilidades
93



....................................................................


Interfaces REST simples con express



.........
103



107

Clientes REST


.............................................



Usando Ajax




...............................................

109

116


Más allá del Ajax

.......................................



A dónde ir desde aquí


................................

117



118

Bibliografía y enlaces




.................................


Introducción al lenguaje de
programación Javascript

•Aprender qué es Javascript
•Aprender la sintaxis de Javascript
•Usar objetos y clases en Javascript
•Realizar un pequeño ejemplo en Javascript

¿Javascript? Pero si es muy fácil

Fuera de ser solamente un lenguaje para el
navegador, Javascript tiene una ventaja frente a
otros lenguajes de programación: Está en todas
partes. No hay ordenador sin navegador, ni hay
navegador sin Javascript (salvo en móviles y
algunos PDAs). Se puede ejecutar hasta en el
navegador Opera que viene con la Wii; desde la
madurez de node.js, es el único lenguaje que
permite ejecutar aplicaciones en cliente y servidor,
así que se ha convertido en uno de los lenguajes
más útiles para desarrollo en Internet.
Esto se debe, en parte a que ha sido definido
como un estándar ECMA (denominado ECMAScript)
lo que da lugar a muchas implementaciones
diferentes, que son, además, independientes del
fabricante. Y, por otro lado, también suele usar un
conjunto de objetos estándar (que no son
estrictamente parte de un lenguaje) que se

pueden usar para añadir funcionalidad a una
aplicación. Muchas aplicaciones complejas, como
GMail o Google docs dependen de estos objetos
para crear aplicaciones en la web que se
comporten como si se ejecutaran en un sistema
operativo nativo; a estas aplicaciones se les ha
denominado últimamente Rich Internet
Applications.
Además, a diferencia de otros lenguajes, es muy
fácil crear una aplicación distribuida con
Javascript. Tanto por su integración con el
navegador (parte inseparable de la web, una
arquitectura cliente-servidor) como por los objetos
que suele tener el mismo, crear una aplicación
cliente-servidor es casi trivial y ha dado lugar a un
estilo de programación denominado AJAX, que se
verá más adelante en esta misma asignatura.
Para ejecutar Javascript no hace falta más que un
navegador, pero también hay entornos para
trabajar con él de forma autónoma, tal como el
Mozilla SpiderMonkey y el Rhino, éste último
basado en Java. Conviene instalar alguno de ellos
para poder ejecutar los programas de ejemplo; por
ejemplo, para instalar el primero habrá que
ejecutar (desde la consola de administrador o
superusuario):
bash% apt-get install smjs
En cuanto a los navegadores, puede que haga
falta activar Javascript para que lo entiendan. Por
ejemplo, en Firefox hay que activarlo usando Edit -
> Preferencias -> Contenido -> Activar Javascript.

Normalmente está activado por omisión. Por otro
lado, veremos ejemplos principalmente de
programas que se pueden usar desde el
intérprete, y merece la pena instalarse uno.
Si usas Eclipse, puede que te venga bien el plugin
JSDT. Igual al atento lector le funciona
correctamente. Por otro lado, el xemacs va de lujo.
NetBeans tiene también soporte para JavaScript,
simplemente seleccionando este lenguaje para un
nuevo fichero. El navegador detecta la estructura
del fichero e incluso analiza el código indicando los
problemas, indentando automáticamente y
emparejando paréntesis y llaves.
En realidad, esa integración con el navegador
puede que haya estorbado a la aceptación de JS
como un lenguaje decente; tampoco ha ayudado
que la mayoría de las librerías que se hayan
desarrollado estén relacionadas precisamente con
la Web, y no tenga una librería decente para,
pongamos por caso, acceder a bases de datos.
Pero también ha permitido que el lenguaje siga
siendo pequeño, y se haya desarrollado
principalmente a base de añadir objetos y clases
externas al mismo. En resumen, que en el marco
de eso que se ha venido en llamar web 2.0 JS se
ha convertido en adulto, y merece la pena
estudiarlo como cualquier otro lenguaje.
Por último está el 1st Javascript Editor, que es de
pago, pero pueden conseguirse versiones de
evaluación gratuitas.

Por lo que he probado, SpiderMonkey, Rhino y
KJSCMD se instalan fácilmente en Ubuntu; no hay
más que hacer aptitude search javascript (en
ubuntu) y salen esos y alguno más. Fedora Core es
un poco más rácano en cuanto a entornos: aunque
los puedes instalar bajándote los fuentes y
compilando, el que está disponible en los
repositorios es uno llamado sólo js,
aparentemente el SpiderMonkey. Para instalarlo,
escribir yum install js. Para los ejemplos que
vienen en este tema, sustituir #!/usr/bin/smjs
por #!/usr/bin/js. El Gnome Shell (incluido en la
versión 3.0 de Gnome) incluye también un
intérprete de JavaScript como lenguaje nativo, y
con él se pueden desarrollar pequeños applets.
Este intérprete, que está instalado por defecto
junto con el entorno, se denomina gjs y está
basado en SpiderMonkey y tiene la ventaja de que
está integrado con todas las librerías de Gnome,
de forma que se pueden hacer programas tales
como este sin necesidad de instalar ningún
módulo adicional. Éste intérprete es el que usa
desde lg (looking glass), una consola de
depuración de Gnome al estilo de la consola del
navegador que se puede ejecutar desde entorno
pulsando Alt-F2 y escribiendo lg. Finalmente,
Windows incluye un programa de línea de órdenes
denominado cscript y wscript que, una vez más,
tiene ciertas diferencias con respecto al resto de
los intérpretes (todo lo relacionado con I/O); en
realidad se trata de JScript, otra implementación
del estándar ECMAscript.

También se puede instalar como cliente y servidor
Javascript node.js, un procesador de bucles de
eventos que es también intérprete en JavaScript. Y
mucho más...
Primer programa en Javascript

#!/usr/bin/smjs print( 'Hola, Mundo' );
En realidad, el JS es bastante parecido al C, y, para
el caso, también al Java. Este programa producirá:
jmerelo@vega:~/txt/docencia/AAP/Tem
ario$ code/js/hola.js Hola, Mundo
Para ejecutarlo desde el navegador habrá que
hacer una poca más de historia, pero tampoco
tanto. Lo vemos en este ejemplo (darle a ver
fuente para ver el código) donde se incluye el
programa en JS de esta forma:
<script type='text/javascript'
s