JavaScript - Sintaxis
JavaScript - Sintaxis
JavaScript se puede implementar utilizando declaraciones de JavaScript que se ubican dentro del <script>... </script> .
Puede colocar las etiquetas <script> , que contienen su JavaScript, en cualquier lugar dentro de su pƔgina web, pero normalmente se recomienda que las mantenga dentro del <head> etiquetas.
El <script> etiqueta alerta al programa del navegador para comenzar a interpretar todo el texto entre estas etiquetas como un script. Una sintaxis simple de su JavaScript aparecerĆ” de la siguiente manera.
<script...> JavaScript code </script>
La etiqueta de script toma dos atributos importantes:
- Idioma : este atributo especifica quƩ lenguaje de scripts estƔ utilizando. Por lo general, 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 ahora se recomienda para indicar el lenguaje de scripts en uso y su valor debe establecerse en "texto/javascript".
Entonces su segmento JavaScript se verĆ” asĆ:
<script language="javascript" type="text/javascript"> JavaScript code </script>
Su primer script de 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 desde un navegador que no admite JavaScript. El comentario termina con un "// ->". AquĆ "//" significa un comentario en JavaScript, por lo 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Ć³n document.write que escribe una cadena en nuestro documento HTML.
Esta funciĆ³n se puede usar 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 espacios, pestaƱas y nuevas lĆneas que aparecen en los programas de JavaScript. Puede usar espacios, pestaƱas y nuevas lĆneas libremente en su programa y puede formatear e indentificar sus programas de forma limpia y consistente, lo que hace que el cĆ³digo sea fĆ”cil de leer y comprender.
Los puntos y coma son opcionales
Las declaraciones simples en JavaScript generalmente van seguidas de un punto y coma, tal como estĆ”n 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>
Nota : es una buena prĆ”ctica de programaciĆ³n usar punto y coma.
Sensibilidad de mayĆŗsculas
JavaScript es un lenguaje sensible a 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 consistentes.
Entonces, 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 admite comentarios al estilo C y al estilo C ++, asĆ:
- 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 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 de comentario HTML -> JavaScript no lo reconoce, por lo que debe escribirse como// ->.
Ejemplo
El siguiente ejemplo muestra cĆ³mo usar comentarios en JavaScript.
<script language="javascript" type="text/javascript"> <!-- // This is a comment. It is similar to comments in C++ /* * This is a multiline comment in JavaScript * It is very similar to comments in C Programming */ //--> </script>
No comments