Principia JavaScript

JavaScript

El lenguaje de programación JavaScript es un dialecto de Java. Está diseñado para ser empotrado en el código HTML a través de las etiquetas <SCRIPT> y </SCRIPT>, y provee los elementos de programación necesarios para conseguir documentos de contenido flexible y dinámico. En su primera liberación el lenguaje fue conocido como LiveScript-- relacionando al lenguaje con el protocolo de servidor LiveWire, desarrollado por Netscape para la primera línea de productos HTTP. Java estaba diseñado para tomar mucho del trabajo de programas y script de servidor, por lo que resultó inmediato que para tareas sencillas sería deseable tener un lenguaje de script para ser incluido dentro del código HTML. Con el fin de aprovechar la infraestructura ya establecida para Java y la línea de productos para HTTP, LiveWire fue renombrado a JavaScript.

Características.

Las principales caracteísticas de JavaScript son:

Es un lenguaje interpretado basado en objetos. Posee la capacidad de acceder a los miembros públicos de la clase Java.
No es un lenguaje de sintaxis estricta en lo que a tipos de datos se refiere: las variables no necesariamente deben ser declaradas.
Su formato es libre.
La verificación de objetos se lleva acabo en run-time (conocido como dynamic binding).
El código debe ser empotrado en un documento HTML.

Procesamiento.

Para poder ser procesado el código JavaScript es necesario que este se alimente al intérprete a travás de un documento HTML. El analizador HTML al identificar la etiqueta <SCRIPT> procederá a invocar a dicho intérprete para procesar las instrucciones JavaScript hasta encontrar la etiqueta </SCRIPT>.


<HTML> 

  <BODY> 

    <SCRIPT> 

      . 

      . 

      . 

  código JavaScript

      . 

      . 

      . 

    </SCRIPT> 

  </BODY> 

</HTML>

Una segunda forma de alimentar al programa JavaScript es utilizando el atributo SRC para especificar el nombre de un archivo del que será tomado el código.


<HTML> 

  <BODY> 

    <SCRIPT SRC=archivo>

    </SCRIPT> 

  </BODY> 

</HTML>

El procesamiento del script inicia hasta que la página es completamente cargada, pero antes de que sea desplegada. Cuando se utilizan archivos, cargándolos a través del atributo SRC, la evaluación toma lugar antes que cualquier otro código empotrado. La ejecución del lenguaje se basa en tokens que son construidos a partir de la identificación de elementos en el código fuente.

Descripción del lenguaje.

Los elementos que conforman al lenguaje de programación JavaScript pertenecen a una de las siguientes categorías:

Separadores.
Comentarios.
Literales.
Palabras clave.
Identificadores.
Operadores.
funciones.
Objetos.

Separadores.

Los elementos utilizados para delimitar y diferenciar las palabras y símbolos que componen a un programa JavaScript con: espacio, tabuladores y línea nueva. Estos son conocidos como delimitadores.

Comentarios.

La declaración de comentarios nos permite poder incluir documentación sobre el código escrito y poder suspender o aislar de la evaluación a una sección del programa. Estos pueden ser colocados de dos formas:

`// comentario`	Todos los caracteres después de `//` y hasta el final físico de la línea son ignorados.
`/* comentario */`	Todos los caracteres contenidos entre `/` y `/` serán ignorados. Estos comentarios pueden extenderse sobre múltiples líneas.

Literales.

El término literal se utiliza para designar cualquier valor explícito que se coloque en el código, el cual puede ser en forma de:

Valor numérico entero.
Valor numérico de punto flotante.
Cadena de caracteres.
Valor booleano.

Palabras clave.

Las palabras clave o palabras reservadas constituyen al conjunto de instrucciones o elementos sintácticos disponibles para construir un programa. Son los elementos que identifica el intérprete JavaScript como parte del lenguaje y que no pueden ser utilizados como identificadores.

Las palabras clave en JavaScript pueden ser clasificadas acorde a su propósito. La siguiente tabla las presenta acorde a dicha clasificación.

Declaración de datos
Variables	`var identificador`
Control de flujo
Decisión	`if( expresión booleana) instrucciones [else instrucciones]`
Ciclos e iteraciones	`for( expresión1; expresión2; expresión3 ) instrucciones for( expresión1 in expresión2 ) instrucciones while( expresión booleana ) instrucciones`
Transferencia de control	`break [etiqueta] continue [etiqueta] return expresión`

Identificadores.

Un identificador, el nombre que se puede formar para designar a una variable o función, puede ser formado usando únicamente una letra o el carácter de subrayado (_) al inicio seguidos por cualquier combinación de letras (mayúsculas o minúsculas) y números.

Operadores.

JavaScript cuenta con operadores aritméticos, lógicos, relacionales y de cadena. La siguiente tabla resume todos los operadores disponibles.

Orden de precedencia (descendente)		Enteros unarios
`. [ ] ( )` `++ -- ! ~` `* / %` `+ -` `<< >> >>>` `< > <= >=` `== !` `&` `^` `\|` `&&` `\|\|` `?:` `= += -= *= /= %=<<= >>= >>>= &= ^= \|=` `,`		`-`	Signo negativo
		`~`	Complemento a nivel de bit
		`--`	Decremento
		`++`	Incremento
		Operadores binarios enteros
		`+`	Adición
		`-`	Substracción
		`*`	Multiplicación
		`/`	División
		`%`	Módulo
		`&`	Operación AND a nivel de bit
		`\|`	Operación OR a nivel de bit
		`^`	Operación XOR a nivel de bit
		`<<`	Desplazamiento a izquierda a nivel de bit
		`>>`	Desplazamiento a la derecha a nivel de bit
		`>>>`	Desplazamiento a la derecha con llenado de ceros a nivel de bit
Operadores relacionales		Operadores lógicos
`<`	Menor que	`!`	Negación
`>`	Mayor que	`&`	AND lógico
`<=`	Menor o igual que	`\|`	OR lógico
`>=`	Mayor o igual que	`^`	XOR lógico
`==`	Igual	`&&`	AND evaluativo
`!=`	No igual a	`\|\|`	OR evaluativo
Operadores para cadena		`==`	Igual a
`+`	Concatenación	`!=`	No Igual a
`+=`	Concatenación y asignación	`&`	Asignación AND
		`\|=`	Asignación OR
		`^=`	Asignación XOR
		`?:`	Operador ternario

Elaboración de programas y ejemplos.

A continuación se presenta y describe la elaboración de programas en JavaScript. Cada ejemplo está precedido por una liga que permite ver en funcionamiento el ejemplo indicado.

El siguiente ejemplo ilustra como hacer uso de la función alert para presentar un mensaje en una ventana.

<HTML> <HEAD> <TITLE>Hola Mundo 1</TITLE> </HEAD> <BODY> <SCRIPT>  </SCRIPT> </BODY> </HTML>

Referencias.

The HTML Reference Library v3.0 & v4.0, Stephen Le Hunte, UK.
Documents and pages in the World Wide Web.
Programming JavaScript for Netscape 2.0, Tim Ritchey, New Riders Publishing Co; USA, 1996.

Este texto puede ser copiado y reproducido libremente mientras su contenido no sea alterado, se cite la fuente y referencias. Las marcas registradas son responsabilidad de sus dueños y el autor de este texto no tiene relación alguna con estos. M. en C. Eduardo René Rodríguez Avila. © Todos los derechos reservados.

Ultima actualización: .