JavaScript - Sintassi

JavaScript può essere implementato utilizzando istruzioni JavaScript posizionate all'interno del file <script>... </script> Tag HTML in una pagina web.

Puoi posizionare il file <script> tag, contenenti il ​​tuo JavaScript, ovunque all'interno della tua pagina web, ma normalmente è consigliabile mantenerlo all'interno del file <head> tag.

Il tag <script> avvisa il programma browser di iniziare a interpretare tutto il testo tra questi tag come uno script. Una semplice sintassi del tuo JavaScript apparirà come segue.

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

Il tag script accetta due attributi importanti:

  • Language- Questo attributo specifica quale linguaggio di scripting stai utilizzando. In genere, il suo valore sarà javascript. Sebbene le versioni recenti di HTML (e XHTML, il suo successore) abbiano gradualmente eliminato l'uso di questo attributo.

  • Type - Questo attributo è ciò che è ora consigliato per indicare il linguaggio di scripting in uso e il suo valore dovrebbe essere impostato su "text / javascript".

Quindi il tuo segmento JavaScript avrà il seguente aspetto:

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

Il tuo primo codice JavaScript

Facciamo un esempio di esempio per stampare "Hello World". Abbiamo aggiunto un commento HTML opzionale che circonda il nostro codice JavaScript. Questo per salvare il nostro codice da un browser che non supporta JavaScript. Il commento termina con un "// ->". Qui "//" indica un commento in JavaScript, quindi lo aggiungiamo per impedire a un browser di leggere la fine del commento HTML come una parte di codice JavaScript. Successivamente, chiamiamo una funzionedocument.write che scrive una stringa nel nostro documento HTML.

Questa funzione può essere utilizzata per scrivere testo, HTML o entrambi. Dai un'occhiata al seguente codice.

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

Questo codice produrrà il seguente risultato:

Hello World!

Spazi vuoti e interruzioni di riga

JavaScript ignora gli spazi, le tabulazioni e le nuove righe che appaiono nei programmi JavaScript. Puoi usare spazi, tabulazioni e nuove righe liberamente nel tuo programma e sei libero di formattare e indentare i tuoi programmi in un modo pulito e coerente che rende il codice facile da leggere e capire.

I punti e virgola sono facoltativi

Le istruzioni semplici in JavaScript sono generalmente seguite da un punto e virgola, proprio come in C, C ++ e Java. JavaScript, tuttavia, ti consente di omettere questo punto e virgola se ciascuna delle tue istruzioni è collocata su una riga separata. Ad esempio, il codice seguente potrebbe essere scritto senza punto e virgola.

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

Ma se formattato in una singola riga come segue, è necessario utilizzare il punto e virgola:

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

Note - È una buona pratica di programmazione utilizzare i punti e virgola.

Maiuscole / minuscole

JavaScript è un linguaggio che fa distinzione tra maiuscole e minuscole. Ciò significa che le parole chiave della lingua, le variabili, i nomi delle funzioni e qualsiasi altro identificatore devono essere sempre digitati con lettere maiuscole coerenti.

Quindi gli identificatori Time e TIME trasmetterà significati diversi in JavaScript.

NOTE - È necessario prestare attenzione durante la scrittura di nomi di variabili e funzioni in JavaScript.

Commenti in JavaScript

JavaScript supporta sia i commenti in stile C che quelli in stile C ++, quindi -

  • Qualsiasi testo compreso tra // e la fine di una riga viene considerato come un commento e viene ignorato da JavaScript.

  • Qualsiasi testo compreso tra i caratteri / * e * / viene considerato come un commento. Questo può estendersi su più righe.

  • JavaScript riconosce anche la sequenza di apertura dei commenti HTML <! -. JavaScript lo tratta come un commento di una riga, proprio come fa il // commento.

  • La sequenza di chiusura del commento HTML -> non è riconosciuta da JavaScript, quindi dovrebbe essere scritta come // ->.

Esempio

L'esempio seguente mostra come utilizzare i commenti in 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>