Bem-vindo ao site John Pires!

Javascript – Fund. Básicos

Home/Curso/Javascript – Fund. Básicos

JavaScript – Sintaxe



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

Você pode colocar as tags <script>, contendo o seu JavaScript, em qualquer lugar da sua página da web, mas normalmente é recomendado mantê-las dentro das tags <head>.

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 –

  • Idioma – este atributo especifica qual linguagem de script você está usando. Normalmente, seu valor será javascript. Embora as versões recentes de HTML (e XHTML, seu sucessor) tenham eliminado o uso desse atributo.
  • Tipo – 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 oferece suporte a 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ção document.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.

See the Pen
Javascript – Hello Word!
by John Pires (@johnpiresBR)
on CodePen.

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 maneira limpa e consistente que torna o código fácil de ler e entender.

Ponto e vírgula são opcionais



As 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>

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ções e quaisquer outros identificadores devem sempre ser digitados com letras maiúsculas consistentes.

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

NOTA – 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>



Leave a Comment

SIGN IN

Forgot Password