JavaScript 1 | Geovanni Figueroa M. | Revista Digital Matemática, Educación e Internet |

1 2 3 4 5

El código de JavaScript, al igual que el de otros lenguajes de programación se construye combinando sentencias, las cuales sirven para hacer asignaciones, comparar valores y ejecutar ejecutar otros bloques de código. JavaScript es un lenguaje muy similar a Java y por ende a C/C++, por lo que su sintaxis es semejante a la de estos lenguajes. Las sentencias se separan por punto y coma (;) y se agrupan con llaves ({ }), para formar bloques de código. El operador de asignación es el igual (=).

Algo realmente importante, es que JavaScript es sensible a mayúsculas y minúsculas, por ejemplo, el método alert("Hola Mundo") no sería recomocido por el interprete si lo escribimos como Alert("Hola Mundo"). Recuerde que HTML no es sensible a mayúsculas y minúsculas, es decir, la etiqueta <B> funciona igual que la etiqueta <b>.

Los comentarios se utilizan en todos los lenguajes de programación para añadir explicaciones al código. Cuando el intérprete de comandos (o compilador, según el caso) encuentra estas líneas, las ignora. En JavaScript se utiliza el formato de comentarios propio de C/C++. Así, si el comentario es de una línea:

// el resto de la línea es un comentario

Por otro lado, si el comentario ocupa varias líneas, se usan los carácteres /* (inicio de comentario) y */ (fin de comentario):

/* -------------------

comentario que
ocupa varias
líneas
-------------- */

Para escribir la cadena Texto en la página HTML, usamos el método write del objeto document que a su vez es también una propiedad del objeto window

window.document.write("Texto").

En JavaScript, document es lo que se conoce como un objeto, write que aparece a continuación separado por un punto, es lo que se conoce como el método del objeto (una acción que se va a realizar sobre el objeto). Los paréntesis lo que hacen es crear una instancia del objeto y el texto que esta dentro de los paréntesis se denomina parámetros del método, es decir, lo que se hará sobre el objeto cuando se ejecute el método sobre.

La siguiente plantilla muestra un guión que abre una nueva ventana en la cual se inserta una imagen y se escribe un mensaje de bienvenida. Observe como se crea, en está nueva ventana, un formulario que contiene un botón que nos permitirá cerrar la ventana recién creada.

Ahora analicemos un poco el código:

La línea

ventana=window.open("prueba.html","Hola","width=350,height=300");

es una llamada al método open del objeto window, que permite crear o abrir una ventana existente, en este caso trata de abrir el archivo prueba.html, como no existe crea una ventana con un tamaño de 350 por 300 pixeles, el nombre de la ventana es hola, no tiene barras de desplazamiento, no tiene barra de herramientas ni menú. Más adelante volveremos sobre este método.

Observe que en la línea

ventana.document.write('<p align=center > <IMG SRC="./imagenes/construccion.gif"> </p>');

el nombre de la imagen lleva comillas dobles y el texto pasado al método write lleva comillas simples. Además, observe que cuando hay etiquetas de HTML dentro de las comillas dobles serán interpretadas como código HTML por el navegador en el momento de escribirlo en la página web.El resto del guión es similar a los anteriores.

La siguiente tabla muestra algunos de lso caracteres especiales que se suele utilizar en las cadenas de texto.

Piense en las variables como el nombre de una caja que contiene un valor, que podría ser, por ejemplo numérico. En JavaScript las variables nos permiten almacenar información y no están limitadas a contener necesariamente valores numéricos.

El nombre que elijamos para las variables de cumplir las siguientes reglas

• El primer carácter debe ser una letra y los siguientes carácteres pueden ser números, letras, subrayado o guiones.
• El espacio en blanco no es permitido.

Recuerde que JavaScript diferencia entre letras mayúsculas y minúsculas, es decir, es sensitivo. Por ejemplo, la variable Suma sería diferente de la variable suma.

Los siguientes son nombres sintácticamente correctos:

• x_1
• Salario_Mensual
• suma

Las variables se declaran de la siguiente forma

var nombre_variable
nombre_variable = "valor"

La primera línea es la declaración de la variable. En la siguiente línea se le asigna un valor. Por ejemplo, si queremos guardar el resultado de una suma, podemos definir una variable de nombre suma y asignarle el valor de la suma.

var resultado
suma = 10 + 10

La variable suma contiene ahora el valor 20. Para referirnos a ella, utilizamos su nombre. Como se observa, en JavaScript no es necesario indicar de qué tipo es una variable en el momento de su definición. El tipo del dato queda definido en el momento en que se asigna un valor a la variable.

Por otra parte, podemos realizar la asignación del valor de la variable en el momento de su declaración, del siguiente modo:

var resultado = 10 + 10

Aunque en JavaScript no es estrictamente necesario declarar una variable antes de utilizarla, la declaración mediante el uso de la palabra reservada var es siempre recomendable, por claridad.

Existen varios tipos de datos que pueden ser asignados a variables. Los tipos de datos que JavaScript puede interpretar son;

• números: son valores numéricos tales como: 2.566 ó 244.
• string: son cadenas de carácteres, tales como: "Hola mundo", 'Suma'. Los string deben ir entre comillas dobles o simples para que sean reconocidos apropiadamente por el interprete de JavaScript.
• Boolean: son los valores lógicos de true o false .

En muchos lenguajes de programación es necesario especificar el tipo de dato de la variable cuando se declara y con esto la variable queda restringida a este tipo, en estos lenguajes, si se declara una variable para que contenga números y luego tratamos de asignar un string, se produce un error. Para fortuna y/o desdicha en JavaScript se puede declarar una variable y luego asignarle cualquier tipo de dato. Esto se conoce como tipado dinámico.

Bueno, entonces como determinamos el tipo de dato de una variables., para esto JavaScript provee una función Typeof(argumento), la cual nos permite determinar el tipo de dato del argumento, claro esta que argumento debe ser una variable.

En todo lenguaje de programación existen un conjunto de operadores que permiten realizar operaciones con los datos. Nos referimos a operaciones aritméticas, comparaciones, operaciones lógicas y otras operaciones (por ejemplo, concatenación de cadenas, búsqueda de patrones, etc.).

En JavaScript existen los siguientes operadores aritméticos:

Binarios

Unarios

Los operadores lógicos son los operadores del álgebra booleana. Los operadores lógicos son binarios y su resultado es uno de los dos valores boolenaos (true o false).

Los operadores de comparación devuelven siempre verdadero (true) o falso (false). Este tipo de operadores se utilizan con gran frecuencia en todos los lenguajes de programación, para realizar una acción u otra en función de que cierta condición sea verdadera o falsa.

Los operador de asignación permiten asignar una valor a un variable. En la siguiente tabla se muestran estos operadores.

La ejecución del guión se vería como:

1 2 3 4 5

Cidse - Revista virtual Matemática, Educación e Internet - ITCR
Derechos Reservados