Curso de JavaScript | 3. Estructura de los comandos JavaScript

No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

Estructura de los comandos de JavaScript
En el último capítulo conocimos y usamos 2 comandos de JavaScript en su función. Sin embargo, sin mucha explicación de cómo es la estructura y qué se debe considerar, es decir, la mejor manera de evitar errores. Usamos los siguientes 2 comandos:

• alert('Hola mundo');
• document.write('Hola mundo');

Desde el primer comando obtenemos la salida del posterior contenido en la pantalla en una ventana emergente independiente, y la segunda salida la obtenemos directamente en el área de contenido de la ventana del navegador.


Orden de procesamiento de nuestros comandos
Tenemos el siguiente programa JavaScript:

document.write("Hola");
document.write("mundo");

El programa se procesa de arriba a abajo. Por lo tanto, vemos "Holamundo" como salida. De lo contrario, si un programa se ejecutara de abajo hacia arriba, tendría que imprimir "mundoHola", lo que no sería particularmente lógico.

Es lógico, pero tiene que ser mencionado.


Lo que es fundamentalmente importante: ¿cómo es la estructura de los comandos de JavaScript?
El poco vistoso punto y coma al final de cada comando es extremadamente importante. Esto limita el comando del siguiente.

document.write("Hola");
document.write("mundo");

El hecho de que ahora se use una línea separada para cada declaración de JavaScript tiene que ver más con la claridad para el programador que con cualquier influencia en la ejecución.

Por lo tanto, también podríamos poner todos los comandos en una línea y obtendremos el mismo resultado en la salida.

document.write("Hola"); document.write("mundo");

Pero solo si no olvidamos accidentalmente el punto y coma delimitador. En el siguiente ejemplo, no obtenemos ningún resultado, por lo que nos maravillamos:

document.write("Hola")   document.write("mundo");

No recibimos ni directamente un mensaje de error, ni ninguna salida. Oculto en lo profundo del navegador en ejecución, aparece el mensaje de error "Uncaught Syntax Error: unexpected identifier".

SIEMPRE inclui un punto y coma al final para evitar sorpresas desagradables.


Estructura de los comandos de JavaScript antes del punto y coma
A menudo es útil si miramos los comandos de derecha a izquierda. En nuestro ejemplo, hay una salida:

document.write("Hola");

Junto a nuestro punto y coma está el texto de salida entre corchetes y entre comillas.

Las comillas son importantes ya que ese es el texto que queremos generar. Todavía no conocemos ninguna variable; en el capítulo Variables veremos que, de lo contrario, el texto se entendería como una variable.


El tipo de comillas
El tipo de comillas entre corchetes no importa para una salida de puro texto; lo principal es que halla comillas. Entonces podemos usar comillas dobles (") así como comillas simples ('). Lo único importante es que siempre se utilice el mismo tipo de comillas. ¡Una combinación de comillas simples y dobles como ("Hola') saldrá mal!

Hasta ahora, tenemos nuestro texto (entre corchetes y comillas) antes del punto y coma (que delimita el siguiente comando). Antes de eso viene el comando de JavaScript, que ahora determina qué debe pasar con nuestro texto.

En nuestros ejemplos debe haber una salida, independientemente de si se trata de document.write o de alert.

En el ejemplo podemos ver que no hay espacio entre nuestro comando de JavaScript y el corchete.

<script>
document.write("Hola");
</script>

Esta es la variante estándar que todos los programadores normalmente usan y que ahorra espacio.

Ahora, si querés confundir a los programadores veteranos, agrega espacios.

<script>
document.write    ("Hola");
</script>

Curiosamente, funciona en el navegador, pero no es muy claro. Así que apegate a las convenciones.


Falta del espacio en la salida
Si te preguntabas por qué faltaba el espacio entre nuestras palabras "Hola" y "mundo" en el resultado, aquí está la explicación:

El navegador muestra exactamente en la pantalla lo que le pedimos.

Si queremos un espacio entre "Hola mundo", también debemos ingresarlo en nuestro código:

document.write("Hola");
document.write(" mundo");