PDF de programación - Programación en JavaScript II

Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com

Programación en Javascript II

En este manual explicamos todos los recursos con los que cuenta un programador de Javascript
para crear todo tipo de efectos y aplicaciones.

Autores del manual

Este manual ha sido realizado por los siguientes colaboradores de DesarrolloWeb.com:

Miguel Angel Alvarez
Director de DesarrolloWeb.com
http://www.desarrolloweb.com
(44 capítulos)

Manual de Programación en Javascript II: http://www.desarrolloweb.com/manuales/26/
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.

1

Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com

Parte 1:
Introducción a la
segunda parte del
Manual de Javascript

En esta segunda parte partimos de la base que las personas conocen el lenguaje y la
sintaxis y vamos a ver cómo utilizarlo para hacer programación de páginas enriquecidas
del lado del cliente.

1.1.- Introducción al manual II de Javascript
Empezamos el segundo manual de Javascrip con un repaso a los temas que vamos a cubrir.

En esta segunda parte del manual de Javascript vamos a tratar de explicar todos los recursos con los que cuenta un
programador de Javascript y con los que puede crear todo tipo de efectos y aplicaciones.
Para leer y entender bien lo que viene en los siguientes capítulos es necesario haber leído antes la primera parte de este
manual: Programación en Javascript I, donde se explican las bases sobre las que tenemos que asentar los siguientes
conocimientos. En la primera parte de este manual conocimos los orígenes y las aplicaciones de Javascript, pero sobretodo
hicimos hincapié en su sintaxis, muy importante para entender los scripts que haremos en los siguientes capítulos.
Los objetivos de los siguientes capítulos cubrirán aspectos diversos de Javascript como:

Jerarquía de objetos del navegador

• Funciones incorporadas en el lenguaje Javascript
• Los objetos en Javascript
•
• Trabajo con formularios
• Control de ventanas secundarias y frames
• Eventos

Como se puede ver, todos los temas tienen un fuerte carácter práctico y cubren aspectos varios con los que formarnos a
nivel avanzado en Javascript. Esperamos que sirvan para iluminar un área tan amplia del desarrollo de páginas web como es
el scripting del lado del cliente.
Además, ya fuera de este manual, te recordamos que en DesarrolloWeb.com tienes disponibles muchos más artículos y
manuales dedicados a este lenguaje que te servirán para profundizar en la materia, como los frameworks jQuery o Mootools,
trabajo con imágenes, canvas, así como videotutoriales para los que prefieran aprender con vídeo. A todo ello podrás
acceder desde la sección Javascript a fondo!
Vamos sin más pausa con esta segunda parte del manual, que resultará mucho más entretenida y práctica que la primera.

Artículo por Miguel Angel Alvarez

Manual de Programación en Javascript II: http://www.desarrolloweb.com/manuales/26/
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.

2

Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com

Parte 2:
Clases y objetos nativos
de Javascript

Javascript dispone de un conjunto de clases y objetos que podemos utilizar para realizar
operaciones diversas. Todos ellos forman una librería de código que nos facilitará la vida
cuando hagamos los programas o scripts.

2.1.- Libreria de funciones Javascript
Javascript, al igual que cualquier otro lenguaje, pone a nuestra disposición un conjunto de funciones que
llamamos funciones nativas de Javascript.

En todos los lenguajes de programación existen librerías de funciones que sirven para hacer cosas diversas y muy repetitivas
a la hora de programar. Las librerías de los lenguajes de programación ahorran la tarea de escribir las funciones comunes que
por lo general pueden necesitar los programadores. Un lenguaje de programación bien desarrollado tendrá una buena
cantidad de ellas. En ocasiones es más complicado conocer bien todas las librerías que aprender a programar en el lenguaje.
Javascript contiene una buena cantidad de funciones en sus librerías. Como se trata de un lenguaje que trabaja con objetos
muchas de las librerías se implementan a través de objetos. Por ejemplo, las funciones matemáticas o las de manejo de
strings se implementan mediante los objetos Math y String. Sin embargo, existen algunas funciones que no están asociadas a
ningún objeto y son las que veremos en este capítulo, ya que todavía no conocemos los objetos y no los necesitaremos para
estudiarlas.
Estas son las funciones que Javascript pone a disposición de los programadores.
eval(string)
Esta función recibe una cadena de caracteres y la ejecuta como si fuera una sentencia de Javascript.
parseInt(cadena,base)
Recibe una cadena y una base. Devuelve un valor numérico resultante de convertir la cadena en un número en la base
indicada.
parseFloat(cadena)
Convierte la cadena en un número y lo devuelve.
escape(carácter)
Devuelve un el carácter que recibe por parámetro en una codificación ISO Latin 1.
unescape(carácter)
Hace exatamente lo opuesto a la función escape.
isNaN(número)
Devuelve un boleano dependiendo de lo que recibe por parámetro. Si no es un número devuelve un true, si es un numero
devuelve false.

Manual de Programación en Javascript II: http://www.desarrolloweb.com/manuales/26/
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.

3

Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com

Las librerías que se implementan mediante objetos y las del manejo del explorador, que también se manejan con objetos, las
veremos más adelante.

Nota: No queremos llevar a engaño a las personas con esta corta lista de funciones nativas de Javascript. Realmente existen muchas otras
funciones que vamos a ver a lo largo del presente manual, lo que ocurre es que están asociadas a objetos. Por ejemplo, como habíamos
señalado, existen funciones de cadenas de caracteres, que están asociadas a objetos string, funciones para trabajo con cálculos matemáticos
avanzados, que están asociadas a la clase Math, funciones para trabajo con el objeto de la ventana del navegador, con el documento, etc.

A continuación vamos a ver algún ejemplo con las funciones más importantes de esta lista.

Artículo por Miguel Angel Alvarez

2.2.- Ejemplos de funciones de la librería Javascript
Las funciones nativas de Javascript son bastante importantes. Ahora Veremos varios ejemplos de
funciones de la librería: eval(), parseInt(), isNaN().

En el anterior artículo del Manual de programación en Javascript II vimos un listado de las funciones nativas del lenguaje
Javascript. Ahora podemos ver varios ejemplos de utilización de funciones nativas de Javascript, que tenemos disponibles en
cualquier navegador y en cualquier versión de Javascript.
Veremos tres funciones de diverso ámbito que resultan bastante fundamentales en el trabajo habitual con este lenguaje,
explicadas a través de ejemplos.

2.2.1.- Función eval
Esta función es muy importante, tanto que hay algunas aplicaciones de Javascript que no se podrían realizar si no la
utilizamos. Su utilización es muy simple, pero puede que resulte un poco más complejo entender en qué casos utilizarla
porque a veces resulta un poco sutil su aplicación.
Con los conocimientos actuales no podemos hacer un ejemplo muy complicado, pero por lo menos podemos ver en marcha
la función. Vamos a utilizarla en una sentencia un poco rara y bastante inservible, pero si la conseguimos entender
conseguiremos entender también la función eval.
var miTexto = "3 + 5"
eval("document.write(" + miTexto +")")
Primero creamos una variable con un texto, en la siguiente línea utilizamos la función eval y como parámetro le pasamos una
instrucción javascript para escribir en pantalla. Si concatenamos los strings que hay dentro de los paréntesis de la función
eval nos queda esto.
document.write(3 + 5)
La función eval ejecuta la instrucción que se le pasa por parámetro, así que ejecutará esta sentencia, lo que dará como
resultado que se escriba un 8 en la página web. Primero se resuelve la suma que hay entre paréntesis, con lo que obtenemos
el 8 y luego se ejecuta la instrucción de escribir en pantalla.

2.2.2.- Función parseInt
Esta función recibe un número, escrito como una cadena de caracteres, y un número que indica una base. En realidad puede
recibir otros tipos de variables, dado que las variables no tienen tipo en Javascript, pero se suele utilizar pasándole un string
para convertir la variable de texto en un número.
Las distintas bases que puede recibir la función son 2, 8, 10 y 16. Si no le pasamos ningún valor como base la función
interpreta que la base es decimal. El valor que devuelve la función siempre tiene base 10, de modo que si la base no es 10
convierte el número a esa base antes de devolverlo.

Manual de Programación en Javascript II: http://www.desarrolloweb.com/manuales/26/
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.

4

Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com

Veamos una serie de llamadas a la función parseInt para ver lo que devuelve y entender un poco más la función.
document.write (parseInt("34"))
Devuelve el numero 34
document.write (parseInt("101011",2))
Devuelve el numero 43
document.write (parseInt("34",8))
Devuelve el numero 28
document.write (parseInt("3F",16))
Devuelve el numero 63
Esta función se utiliza en la práctica para un montón de cosas distintas en el manejo con números, por ejemplo obtener la
parte entera de un decimal.
document.write (parseInt("3.38"))
Devuelve el numero 3
También es muy habitual su uso para saber si una variable es numérica, pues si le pasamos un texto a la función que no sea
numérico nos devolverá NaN (Not a Number)