Javascript - Sintaxis

JavaScript se puede implementar utilizando declaraciones JavaScript que se colocan dentro de las etiquetas HTML <script> ... </script> en una página web.

Puede poner las etiquetas <script>, que contienen JavaScript en cualquier lugar dentro de su página web, pero normalmente se recomienda que las mantenga dentro de las etiquetas <head>.

La etiqueta <script> alerta al programa del navegador para que comience a interpretar todo el texto entre estas etiquetas como una secuencia de comandos. Una simple sintaxis de JavaScript aparecerá de la siguiente manera.

<script ...>
   JavaScript code
</script>

La etiqueta script toma dos atributos importantes:

- Language: este atributo especifica qué lenguaje de secuencias de comandos está utilizando. Típicamente, su valor será javascript. Aunque las versiones recientes de HTML (y XHTML, su sucesor) han eliminado el uso de este atributo.

- Tipo: este atributo es lo que se recomienda para indicar el lenguaje de scripting en uso y su valor debe establecerse en “text/javascript”.

Entonces el segmento JavaScript se verá como

<script language = "javascript" type = "text/javascript">
   JavaScript code
</script>

Primer código JavaScript

Tomemos un ejemplo de muestra para imprimir “Hello World”. Agregamos un comentario HTML opcional que rodea el código JavaScript. Esto es para guardar nuestro código desde un navegador que no es compatible con JavaScript. El comentario termina con un “// -->”. Aquí “//” significa un comentario en JavaScript, así que agregamos eso para evitar que un navegador lea el final del comentario HTML como una pieza de código JavaScript. A continuación, llamamos a una función document.write que escribe una cadena de caracteres en nuestro documento HTML.

Esta función se puede utilizar para escribir texto, HTML o ambos. Echa un vistazo al siguiente código.

<html>
   <body>   
      <script language = "javascript" type = "text/javascript">
         <!--
            document.write("Hello World!")
         //-->
      </script>      
   </body>
</html>

Este código producirá el siguiente resultado:

Hola Mundo!

Espacio en blanco y saltos de línea

JavaScript ignora espacios, tabs y nuevas líneas que aparecen en programas de JavaScript. Puede usar espacios, tabs y nuevas líneas en su programa, y es libre de formatear y sangrar sus programas de manera clara y coherente que hace que el código sea fácil de leer y entender.

Puntos y coma son opcionales

Las declaraciones simples en JavaScript suelen ir seguidas del carácter punto y coma, al igual que en C, C ++ y Java. Sin embargo, JavaScript le permite omitir punto y coma si cada una de sus declaraciones se coloca en una línea separada. Por ejemplo, el siguiente código podría escribirse sin punto y coma.

<script language = "javascript" type = "text/javascript">
   <!--
      var1 = 10
      var2 = 20
   //-->
</script>

Pero cuando se formatea en una línea de la siguiente manera, debe usar punto y coma:

<script language = "javascript" type = "text/javascript">
   <!--
      var1 = 10; var2 = 20;
   //-->
</script>

Nota: es una buena práctica de programación usar puntos y coma.

Sensible a mayusculas y minusculas

JavaScript es un lenguaje que distingue entre mayúsculas y minúsculas. Esto significa que las palabras clave del lenguaje, las variables, los nombres de las funciones y cualquier otro identificador deben escribirse siempre con mayúsculas y minúsculas.

Así que los identificadores Time y TIME transmitirán diferentes significados en JavaScript.

NOTA: se debe tener cuidado al escribir nombres de variables y funciones en JavaScript.

Comentarios en JavaScript

JavaScript es compatible con los comentarios de estilo C y C ++, por lo tanto,

Cualquier texto entre un // y el final de una línea se trata como un comentario y es ignorado por JavaScript.
Cualquier texto entre los caracteres /* y */ se trata como un comentario. Esto puede abarcar múltiples líneas.
JavaScript también reconoce la secuencia de apertura de comentarios HTML <! -. JavaScript trata esto como un comentario de una sola línea, al igual que el comentario //.
La secuencia de cierre de comentarios HTML -> no es reconocida por JavaScript, por lo que debe escribirse como // ->.

Ejemplo

El siguiente ejemplo muestra cómo usar los comentarios en JavaScript.

<script language = "javascript" type = "text/javascript">
   <!--
      // This is a comment. It is similar to comments in C++
   
      /*
      * This is a multi-line comment in JavaScript
      * It is very similar to comments in C Programming
      */
   //-->
</script>

Contacto

Envienos sus comentarios al correo henrytorrespo@yahoo.com

Categories