JavaScript básicoAJAX

Sintaxis

La sintaxis de un lenguaje de programación se define como el conjunto de reglas que deben seguirse al escribir el código fuente de los programas para considerarse como correctos para ese lenguaje de programación.

La sintaxis de JavaScript es muy similar a la de otros lenguajes como Java y C. Las normas básicas que definen la sintaxis de JavaScript son las siguientes:

No se tienen en cuenta los espacios en blanco y las nuevas líneas: como sucede con XHTML, el intérprete de JavaScript ignora cualquier espacio en blanco sobrante, por lo que el código se puede ordenar de forma adecuada para su manejo (tabulando las líneas, añadiendo espacios, creando nuevas líneas, etc.)

Se distinguen las mayúsculas y minúsculas: al igual que sucede con la sintaxis de las etiquetas y elementos XHTML. Sin embargo, si en una página XHTML se utilizan indistintamente mayúsculas y minúsculas, la página se visualiza correctamente y el único problema es que la página no valida. Por el contrario, si en JavaScript se intercambian mayúsculas y minúsculas, las aplicaciones no funcionan correctamente.

No se define el tipo de las variables: al definir una variable, no es necesario indicar el tipo de dato que almacenará. De esta forma, una misma variable puede almacenar diferentes tipos de datos durante la ejecución del programa.

No es obligatorio terminar cada sentencia con el carácter del punto y coma (;): al contrario de la mayoría de lenguajes de programación, en JavaScript no es obligatorio terminar cada sentencia con el carácter del punto y coma (;). No obstante, es muy recomendable seguir la tradición de terminar cada sentencia con el carácter ;

Se pueden incluir comentarios: los comentarios se utilizan para añadir alguna información relevante al código fuente del programa. Aunque no se visualizan por pantalla, su contenido se envía al navegador del usuario junto con el resto del programa, por lo que es necesario extremar las precauciones sobre el contenido de los comentarios.

JavaScript Comentarios

JavaScript define dos tipos de comentarios: los de una sola línea y los que ocupan varias líneas. Los comentarios de una sola línea se definen añadiendo dos barras oblicuas (//) al principio de cada línea que forma el comentario:// a continuación se muestra un mensaje alert("mensaje de prueba");

JavaScript Comentarios

También se pueden incluir varios comentarios seguidos de una sola línea:

// a continuación se muestra un mensaje // y después se muestra otro mensaje alert("mensaje de prueba");

JavaScript Variables

Las variables se definen mediante la palabra reservada var, que permite definir una o varias variables simultáneamente:

var variable1 = 16; var variable2 = "hola", variable3 = "mundo"; var variable4 = 16, variable5 = "hola";

JavaScript Variables

El nombre de las variables debe cumplir las dos siguientes condiciones:

El primer carácter debe ser una letra o un guión bajo (_) o un dólar ($).El resto de caracteres pueden ser letras, números, guiones bajos (_) y símbolos de dólar ($).

No es obligatorio inicializar una variable al declararla:var variable6;

JavaScript Variables

Si la variable no se declara mediante el operador var, automáticamente se crea una variable global con ese identificador y su valor. Ejemplo:

var variable1 = 16; variable2 = variable1 + 4;

En el ejemplo anterior, la variable2 no ha sido declarada, por lo que al llegar a esa instrucción, JavaScript crea automáticamente una variable global llamada variable2 y le asigna el valor correspondiente.

El ámbito de una variable (llamado scope en inglés) es la zona del programa en la que se define la variable. JavaScript define dos ámbitos para las variables: global y local.

JavaScript Variables

El siguiente ejemplo ilustra el comportamiento de los ámbitos:

function muestraMensaje() { var mensaje = "Mensaje de prueba"; }  

muestraMensaje(); alert(mensaje);

JavaScript Variables

Cuando se ejecuta el código JavaScript anterior, su resultado no es el esperado, ya que no se muestra por pantalla ningún mensaje. La variable mensaje se ha definido dentro de la función y por tanto es una variable local que solamente está definida dentro de la función.Cualquier instrucción que se encuentre dentro de la función puede hacer uso de la variable. Sin embargo, cualquier instrucción que se encuentre en otras funciones o fuera de cualquier función no tendrá definida la variable mensaje.Además de variables locales, también existe el concepto de variable global, que está definida en cualquier punto del programa (incluso dentro de cualquier función).

JavaScript Variables

var mensaje = "Mensaje de prueba"; function muestraMensaje() { alert(mensaje); }El código JavaScript anterior define una variable fuera de cualquier función. Este tipo de variables automáticamente se transforman en variables globales y están disponibles en cualquier punto del programa.De esta forma, aunque en el interior de la función no se ha definido ninguna variable llamada mensaje, la variable global creada anteriormente permite que la instrucción alert() dentro de la función muestre el mensaje correctamente.

JavaScript Variables

Si una variable se declara fuera de cualquier función, automáticamente se transforma en variable global independientemente de si se define utilizando la palabra reservada var o no. Sin embargo, en el interior de una función, las variables declaradas mediante var se consideran locales y el resto se transforman también automáticamente en variables globales.Por lo tanto, el siguiente ejemplo si que funciona como se espera:function muestraMensaje() { mensaje = "Mensaje de prueba"; }muestraMensaje(); alert(mensaje);

JavaScript Variables

En caso de colisión entre las variables globales y locales, dentro de una función prevalecen las variables locales:var mensaje = "gana la de fuera";function muestraMensaje() { var mensaje = "gana la de dentro";alert(mensaje); }   alert(mensaje); muestraMensaje(); alert(mensaje);El código anterior muestra por pantalla los siguientes mensajes:gana la de fuera gana la de dentro gana la de fuera

JavaScript Variables

La variable local llamada mensaje dentro de la función tiene más prioridad que la variable global del mismo nombre, pero solamente dentro de la función.

Si no se define la variable dentro de la función con la palabra reservada var, en realidad se está modificando el valor de la variable global:

var mensaje = "gana la de fuera";

function muestraMensaje() {

mensaje = "gana la de dentro";

alert(mensaje);

}  

alert(mensaje);

muestraMensaje();

alert(mensaje);

JavaScript Variables

En este caso, los mensajes mostrados son:gana la de fuera gana la de dentro gana la de dentro

La recomendación general es definir como variables locales todas las variables que sean de uso exclusivo para realizar las tareas encargadas a cada función. Las variables globales se utilizan para compartir variables entre funciones de forma rápida.

JavaScript Palabras reservadas

Como cualquier otro lenguaje de programación, JavaScript utiliza una serie de palabras para crear las instrucciones que forman cada programa. Por este motivo, estas palabras se consideran reservadas y no se pueden utilizar como nombre de una variable o función.El estándar ECMA-262 incluye la lista de las palabras reservadas que utiliza actualmente JavaScript y la lista de las palabras reservadas para su uso futuro.Utilizadas actualmente: break, else, new, var, case, finally, return, void, catch, for, switch, while, continue, function, this, with, default, if, throw, delete, in, try, do, instanceof, typeof

JavaScript Palabras reservadas

Reservadas para su uso futuro:

abstract, enum, int, short, boolean, export, interface, static, byte, extends, long, super, char, final, native, synchronized, class, float, package, throws, const, goto, private, transient, debugger, implements, protected, volatile, double, import, public