JavaScript: sintaxis

JavaScript se puede implementar mediante declaraciones de JavaScript que se colocan dentro de la <script>... </script> Etiquetas HTML en una página web.

Puedes colocar el <script> etiquetas, que contienen su JavaScript, en cualquier lugar dentro de su página web, pero normalmente se recomienda que lo mantenga dentro del <head> etiquetas.

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

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

La etiqueta de secuencia de comandos tiene dos atributos importantes:

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

  • Type - Este atributo es el que ahora se recomienda para indicar el lenguaje de secuencias de comandos en uso y su valor debe establecerse en "texto / javascript".

Entonces su segmento de JavaScript se verá así:

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

Su primer código JavaScript

Tomemos un ejemplo de muestra para imprimir "Hola mundo". Agregamos un comentario HTML opcional que rodea nuestro código JavaScript. Esto es para guardar nuestro código de un navegador que no es compatible con JavaScript. El comentario termina con "// ->". Aquí "//" significa un comentario en JavaScript, así que lo agregamos para evitar que un navegador lea el final del comentario HTML como un fragmento de código JavaScript. A continuación, llamamos a una funcióndocument.write que escribe una cadena en nuestro documento HTML.

Esta función se puede utilizar para escribir texto, HTML o ambos. Eche 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:

Hello World!

Espacios en blanco y saltos de línea

JavaScript ignora los espacios, las pestañas y las nuevas líneas que aparecen en los programas JavaScript. Puede usar espacios, pestañas y nuevas líneas libremente en su programa y puede formatear y sangrar sus programas de una manera ordenada y consistente que hace que el código sea fácil de leer y comprender.

Los puntos y comas son opcionales

Las declaraciones simples en JavaScript generalmente van seguidas de un carácter de punto y coma, al igual que en C, C ++ y Java. JavaScript, sin embargo, le permite omitir este 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 sola línea de la siguiente manera, debe usar punto y coma:

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

Note - Es una buena práctica de programación utilizar punto y coma.

Sensibilidad a mayúsculas y minúsculas

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

Entonces los identificadores Time y TIME transmitirá diferentes significados en JavaScript.

NOTE - Se debe tener cuidado al escribir nombres de variables y funciones en JavaScript.

Comentarios en JavaScript

JavaScript admite comentarios de estilo C y C ++, por lo tanto:

  • Cualquier texto entre // y el final de una línea se trata como un comentario y JavaScript lo ignora.

  • Cualquier texto entre los caracteres / * y * / se trata como un comentario. Esto puede abarcar varias 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 del comentario HTML -> no es reconocida por JavaScript, por lo que debe escribirse como // ->.

Ejemplo

El siguiente ejemplo muestra cómo utilizar 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>