JavaScript - Sintaxe

JavaScript pode ser implementado usando instruções JavaScript que são colocadas dentro do <script>... </script> Tags HTML em uma página da web.

Você pode colocar o <script> tags, contendo o seu JavaScript, em qualquer lugar da sua página da web, mas normalmente é recomendado que você mantenha-o dentro do <head> Tag.

A tag <script> alerta o programa do navegador para começar a interpretar todo o texto entre essas tags como um script. Uma sintaxe simples de seu JavaScript aparecerá da seguinte maneira.

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

A tag de script possui dois atributos importantes -

  • Language- Este atributo especifica qual linguagem de script você está usando. Normalmente, seu valor será javascript. Embora versões recentes de HTML (e XHTML, seu sucessor) tenham eliminado o uso desse atributo.

  • Type - Este atributo é o que agora é recomendado para indicar a linguagem de script em uso e seu valor deve ser definido como "text / javascript".

Portanto, seu segmento JavaScript será semelhante a -

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

Seu primeiro código JavaScript

Tomemos um exemplo de amostra para imprimir "Hello World". Adicionamos um comentário HTML opcional que envolve nosso código JavaScript. Isso é para salvar nosso código de um navegador que não suporta JavaScript. O comentário termina com "// ->". Aqui, "//" significa um comentário em JavaScript, então adicionamos isso para evitar que um navegador leia o final do comentário HTML como um pedaço de código JavaScript. Em seguida, chamamos uma funçãodocument.write que escreve uma string em nosso documento HTML.

Esta função pode ser usada para escrever texto, HTML ou ambos. Dê uma olhada no código a seguir.

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

Este código produzirá o seguinte resultado -

Hello World!

Espaços em branco e quebras de linha

JavaScript ignora espaços, guias e novas linhas que aparecem em programas JavaScript. Você pode usar espaços, tabulações e novas linhas livremente em seu programa e está livre para formatar e recuar seus programas de uma forma limpa e consistente que torna o código fácil de ler e entender.

Ponto e vírgula são opcionais

Instruções simples em JavaScript geralmente são seguidas por um caractere de ponto e vírgula, assim como em C, C ++ e Java. JavaScript, no entanto, permite que você omita esse ponto-e-vírgula se cada uma de suas instruções for colocada em uma linha separada. Por exemplo, o código a seguir pode ser escrito sem ponto-e-vírgula.

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

Mas quando formatado em uma única linha da seguinte maneira, você deve usar ponto e vírgula -

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

Note - É uma boa prática de programação usar ponto-e-vírgula.

Sensibilidade ao Caso

JavaScript é uma linguagem que diferencia maiúsculas de minúsculas. Isso significa que as palavras-chave do idioma, variáveis, nomes de função e quaisquer outros identificadores devem sempre ser digitados com letras maiúsculas consistentes.

Então, os identificadores Time e TIME irá transmitir significados diferentes em JavaScript.

NOTE - Deve-se ter cuidado ao escrever nomes de variáveis ​​e funções em JavaScript.

Comentários em JavaScript

JavaScript suporta comentários no estilo C e C ++, assim -

  • Qualquer texto entre // e o final de uma linha é tratado como um comentário e é ignorado pelo JavaScript.

  • Qualquer texto entre os caracteres / * e * / é tratado como um comentário. Isso pode abranger várias linhas.

  • JavaScript também reconhece a sequência de abertura do comentário HTML <! -. JavaScript trata isso como um comentário de uma única linha, assim como faz o // comentário.

  • A sequência de fechamento do comentário HTML -> não é reconhecida pelo JavaScript, portanto, deve ser escrita como // ->.

Exemplo

O exemplo a seguir mostra como usar comentários em 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>