JavaScript - Syntaxe

JavaScript peut être implémenté à l'aide d'instructions JavaScript placées dans le <script>... </script> Balises HTML dans une page Web.

Vous pouvez placer le <script> balises, contenant votre JavaScript, n'importe où dans votre page Web, mais il est normalement recommandé de le conserver dans le <head> Mots clés.

La balise <script> avertit le programme du navigateur de commencer à interpréter tout le texte entre ces balises comme un script. Une syntaxe simple de votre JavaScript apparaîtra comme suit.

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

La balise script prend deux attributs importants -

  • Language- Cet attribut spécifie le langage de script que vous utilisez. En règle générale, sa valeur sera javascript. Bien que les versions récentes de HTML (et XHTML, son successeur) aient progressivement abandonné l'utilisation de cet attribut.

  • Type - Cet attribut est ce qui est maintenant recommandé pour indiquer le langage de script utilisé et sa valeur doit être définie sur "text / javascript".

Ainsi, votre segment JavaScript ressemblera à -

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

Votre premier code JavaScript

Prenons un exemple d'exemple pour imprimer "Hello World". Nous avons ajouté un commentaire HTML facultatif qui entoure notre code JavaScript. Il s'agit de sauvegarder notre code à partir d'un navigateur qui ne prend pas en charge JavaScript. Le commentaire se termine par un "// ->". Ici, "//" signifie un commentaire en JavaScript, nous ajoutons donc cela pour empêcher un navigateur de lire la fin du commentaire HTML comme un morceau de code JavaScript. Ensuite, nous appelons une fonctiondocument.write qui écrit une chaîne dans notre document HTML.

Cette fonction peut être utilisée pour écrire du texte, du HTML ou les deux. Jetez un œil au code suivant.

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

Ce code produira le résultat suivant -

Hello World!

Espaces blancs et sauts de ligne

JavaScript ignore les espaces, les tabulations et les retours à la ligne qui apparaissent dans les programmes JavaScript. Vous pouvez utiliser librement des espaces, des tabulations et des retours à la ligne dans votre programme et vous êtes libre de formater et d'indenter vos programmes d'une manière ordonnée et cohérente qui rend le code facile à lire et à comprendre.

Les points-virgules sont facultatifs

Les instructions simples en JavaScript sont généralement suivies d'un point-virgule, tout comme elles le sont en C, C ++ et Java. JavaScript, cependant, vous permet d'omettre ce point-virgule si chacune de vos instructions est placée sur une ligne distincte. Par exemple, le code suivant peut être écrit sans point-virgule.

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

Mais lorsqu'il est formaté sur une seule ligne comme suit, vous devez utiliser des points-virgules -

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

Note - Il est recommandé d'utiliser des points-virgules.

Sensibilité à la casse

JavaScript est un langage sensible à la casse. Cela signifie que les mots-clés de langue, les variables, les noms de fonction et tout autre identificateur doivent toujours être saisis avec une majuscule cohérente des lettres.

Donc les identifiants Time et TIME transmettra différentes significations en JavaScript.

NOTE - Des précautions doivent être prises lors de l'écriture des noms de variables et de fonctions en JavaScript.

Commentaires en JavaScript

JavaScript prend en charge les commentaires de style C et C ++, ainsi -

  • Tout texte entre un // et la fin d'une ligne est traité comme un commentaire et est ignoré par JavaScript.

  • Tout texte entre les caractères / * et * / est traité comme un commentaire. Cela peut s'étendre sur plusieurs lignes.

  • JavaScript reconnaît également la séquence d'ouverture de commentaire HTML <! -. JavaScript traite cela comme un commentaire sur une seule ligne, tout comme il le fait pour le commentaire //.

  • La séquence de fermeture des commentaires HTML -> n'est pas reconnue par JavaScript, elle doit donc être écrite sous la forme // ->.

Exemple

L'exemple suivant montre comment utiliser les commentaires 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>