Sintaxis básica de JavaScript

Sobre JavaScript se pueden escribir libros y libros y libros… y luego añadir un par de libros más. Tratar todos sus aspectos en profundidad requeriría otro sitio dedicado exclusivamente a ello, y mis fuerzas son limitadas. Así, lo que presento en esta sección del curso no es más que un pequeño aperitivo para abrir boca, y que permita al usuario buscar más información por Internet sin que el código de JavaScript le parezca un jeroglífico.

Para un curso más extenso y detallado, recomiendo el de Peter-Paul Koch (inglés).

Antes de empezar con las variables y demás, hay unas cuantas notas que deben tenerse en mente:

• Aunque JavaScript se puede incluir directamente en un documento (X)HTML, ocurre como las hojas de estilo: suele ser más útil como un archivo independiente vinculado a cada documento que necesite de los comportamientos definidos en él; así sólo hay que mantener unos pocos archivos .js para actualizar los comportamiento de todo un sitio¹. Para ello habría que incluir en el head del documento una línea como ésta:

  
      <script type="text/javascript" src="URL_de_archivo.js"></script>
                      

• JavaScript es un lenguaje interpretado, no compilado. Significa que sólo se necesita el bloc de notas para programar un archivo .js, y vincularlo a una página para ver los resultados en un navegador.
• JavaScript es sensible al caso —y muy sensible, además—. Eso quiere decir que, por ejemplo, una variable llamada cadena es completamente distinta a otra llamada Cadena, y que con var matriz = new Array(); se declara una matriz, pero con matriz = new array(); no.
• Aunque no es imprescindible, es una buena práctica que los enunciados terminen en un punto y coma (;). Si éste no existe, el intérprete de JavaScript considerará un salto de línea como el final de un enunciado.

• La sintaxis de los comentarios depende del número de líneas:

  
      // …éste es un comentario de una sola línea…
      
      /* …éste es un bloque de comentarios
         que ocupa varias líneas… */
                      

  Los comentarios, por supuesto, no son interpretados por el agente de usuario.

• Los bloques de código son un conjunto de enunciados que deben interpretarse como una secuencia completa —como por ejemplo una función—. Se indican con llaves ({}).

En esta sección del curso veremos los conceptos básicos:

1. Variables
2. Operadores
3. Condicionales
4. Bucles
5. Funciones
6. Objetos nativos e incorporados
7. Eventos

Una pequeña puntualización. Como se ve, no voy a adentrarme en la programación orientada a objetos porque —he de reconocerlo—, no acabo de comprenderla. Pero si alguien está interesado, tal vez le sirvan de algo Professional JavaScript for Web Developers de Nicholas C. Zakas y AvancED DOM Scripting de Jeffrey Sambells y Aaron Gustafson.

Notas

1. Además, así se puede conservar la validez de un documento XHTML. En éste, es obligatorio que los caracteres & y < se sustituyan por sus referencias de entidad, & y < respectivamente; por supuesto, sustituirlos en los contenidos de un elemento script del documento impediría que el código se ejecutase.