Bolivarzuiga

JavaScript, es un lenguaje de programación de páginas web de lado del cliente, esto significa, que cuando estamos viendo una página que utiliza JavaScript, hemos descargado el código JavaScript a nuestro navegador y nuestro navegador lo está ejecutando de acuerdo con las acciones realizadas en la página Para que sirve y para que no Gracias a que se ejecuta en el navegador, JavaScript, nos permite responder de manera rápida y eficaz a las acciones del usuario, creando de esta manera aplicaciones interactivas. Pero el hecho de ejecutarse en el navegador, da lugar a otros problemas, por ejemplo, el código ejecutado es enviado al navegador, por lo que puede ser obtenido pornuestros usuarios, de manera que no podremos utilizar JavaScript para proteger secciones con contraseña... Además, JavaScript, es ejecutado por el navegador y cada fabricante de este tipo de software interpreta el mismo código javaScript a su manera, por lo que tendremos que tener mucho cuidado si queremos que todo el mundo vea correctamente nuestra página. Un ejemplo Un clásico ejemplo de JavaScript es el típico popup o las alertas, en este caso vamos a hacer una alerta que dará el clasico 'hola mundo': *script* alert('Hola mundo'); */script* Cómo usarlo Por norma general, podremos utilizar JavaScript en nuestras páginas HTML, incluyendo el código entre las etiquetas cómo hemos visto en el ejemplo anterior.

Vamos a realizar nuestro primer "programa" en JavaScript. Haremos surgir una ventana que nos muestre el ya famoso mensaje "hola, mundo". Así podremos ver los elementos principales del lenguaje. El siguiente código es una página Web completa con un botón que, al pulsarlo, muestra el mensaje. HolaMundo.html

Ahora vamos a ver, paso por paso, que significa cada uno de los elementos extraños que tiene la página anterior: Dentro de estos elementos será donde se puedan poner funciones en JavaScript. Puedes poner cuantos quieras a lo largo del documento y en el lugar que más te guste. Yo he elegido la cabecera para hacer más legible la parte HTML de la página. Si un navegador no acepta JavaScript no leerá lo que hay entre medias de estos elementos. Así que si programamos algo que sólo funcione con la versión 1.1 pondríamos LANGUAGE= "JavaScript1.1" para que los navegadores antiguos pasen olímpicamente del código y no se hagan un lío. function HolaMundo() { alert("¡Hola, mundo!"); } Esta es nuestra primera función en JavaScript. Aunque JavaScript esté orientado a objetos no es de ningún modo tan estricto como Java, donde nada está fuera de un objeto. Para las cosas que se van a hacer en este tutorial, no vamos a crear ninguno, pero usaremos los que vienen en la descripción del lenguaje. En el código de la función vemos una llamada al método alert(que pertenece al objeto window) que es la que se encarga de mostrar el mensaje en pantalla. Por un fallo del Netscape no se pueden poner las etiquetas HTML de caracteres especiales en una función: no los reconoce. Así que pondremos directamente "¡" arriesgándonos a que salga de otra manera en ordenadores con un juego de caracteres distinto al del nuestro.

Dentro del elemento que usamos para mostrar un botón vemos una cosa nueva: onClick. Es un controlador de evento. Cuando el usuario pulsa el botón, el evento click se dispara y ejecuta el código que tenga entre comillas el controlador de evento onClick, en este caso la llamada a la función HolaMundo(), que tendremos que haber definido con anterioridad. Existen muchos más eventos que iremos descubriendo según avancemos en el tutorial. En el cuarto cápitulo hay un resumen de todos ellos. En realidad, podríamos haber escrito lo siguiente:

y nos habríamos ahorrado el tener que escribir la función y todo lo que le acompaña, además de conseguir que nos reconozca el caracter especial ¡. Sin embargo me pareció conveniente hacerlo de esa otra manera para mostrar más elementos del lenguaje en el ejemplo.

Una variable es un dato que nuestra aplicación tiene en memória y que puede modificar y obrener grácias a un nombre de variable único que la identifica, el cual tendrá que ser formado por números y letras y el caracter _ , no pudiendo empezar por número.

Usando variables

A diferéncia de otros lenguajes, en javascript, las variables no tienen muchas más particularidades, veamos un ejemplo y luego lo explicamos con mas calma:

En la primera línea del ejemplo, vemos cómo se asigna a la variable nombre la cadena de caracteres 'Eloi', en la siguiente línea, se modifica el valor de ésta variable y se le da el valor actual más la cadena 'de San Martín', seguidamente se muestra una alerta con el resultado 'Eloi de San Martin'. Como vemos en la segunda línea, obrnemos el valor de la variable ('Eloi'), simplemente escribiendo su nombre (nombre), y como vemos en las dos primeras líneas le damos valor con el operador = (que veremos más adelante).

Variables globales y locales

Por defecto, JavaScript, cuando encuentra una variable la define cómo global (que se puede ver desde cualquier parte de la página), pero nosotros podemos hacer que una variable sea local (visible sólo desde la función actual) usando el sufijo var la primera vez que la definimos:

De esta manera, la variable nombre, sólo podrá ser vista desde el interior de la función my no será mostrada en la alerta

JavaScript dispone de siete tipos de datos, que se definen de maneras distintas, estos datos, se almacenan en variables y por la naturaleza de JavaScript (lenguaje no tipado), estas variables pueden pasar de contener un tipo de dato a otro tipo y podemos operar con tipos de dato diferentes.

Vamos a ver que tipos de dato existen:

Números

Son datos numéricos que se asignan con el número en cuestión, veamos un ejemplo:

Cadenas de caracteres

Son datos de texto y deben estar delimitados por comillas simples o dobles, pueden incluir caracteres especiales cómo \' (comilla) \" (comilla doble), \n (salto de línea), \t (tabulador)...

Booleanos

Son datos de bool, sus valores significan verdadero (true) y falso (false), se escriben sin comillas

Objetos

Son conjuntos de variables y funciones definidos previamente por el lenguaje (objetos predefinidos) o por el usuario, son ejemplos de objetos predefinidos los objetos Image y Array, para definir-las, usaremos el prefijo new y por el uso de paréntesis:

Nulos

Són datos vacios, se producen cuando se ha definido una variable como null para borrarla:

Indefinidas

Són variables que ahún no han sido asignadas con el operador de asignación (=)

No numérico

Se producen cuando no podemos realizar una operación determinada porque los datos no son compatibles, su valor es NaN (not a number):