JavaScript - składnia

JavaScript można zaimplementować za pomocą instrukcji JavaScript, które są umieszczone w <script>... </script> Tagi HTML na stronie internetowej.

Możesz umieścić plik <script> tagów zawierających kod JavaScript w dowolnym miejscu strony internetowej, ale zwykle zaleca się pozostawienie go w obrębie <head> tagi.

Znacznik <script> ostrzega program przeglądarki, aby zaczął interpretować cały tekst między tymi tagami jako skrypt. Prosta składnia Twojego JavaScript będzie wyglądać następująco.

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

Znacznik skryptu ma dwa ważne atrybuty -

Language- Ten atrybut określa używany język skryptowy. Zwykle jego wartością będzie javascript. Chociaż ostatnie wersje HTML (i XHTML, jego następcy) wycofały użycie tego atrybutu.
Type - Ten atrybut jest teraz zalecany do wskazania używanego języka skryptowego, a jego wartość powinna być ustawiona na „text / javascript”.

Twój segment JavaScript będzie wyglądał następująco -

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

Twój pierwszy kod JavaScript

Weźmy przykładowy przykład do wydrukowania „Hello World”. Dodaliśmy opcjonalny komentarz HTML, który otacza nasz kod JavaScript. Ma to na celu zapisanie naszego kodu z przeglądarki, która nie obsługuje JavaScript. Komentarz kończy się znakiem „// ->”. Tutaj „//” oznacza komentarz w JavaScript, więc dodajemy go, aby uniemożliwić przeglądarce odczytanie końca komentarza HTML jako fragmentu kodu JavaScript. Następnie wywołujemy funkcjędocument.write który zapisuje ciąg znaków do naszego dokumentu HTML.

Ta funkcja może być używana do pisania tekstu, HTML lub obu. Spójrz na poniższy kod.

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

Ten kod da następujący wynik -

Hello World!

Białe znaki i podziały wierszy

JavaScript ignoruje spacje, tabulatory i znaki nowej linii, które pojawiają się w programach JavaScript. Możesz swobodnie używać spacji, tabulatorów i znaków nowej linii w swoim programie i możesz swobodnie formatować i wciskać swoje programy w schludny i spójny sposób, dzięki czemu kod jest łatwy do odczytania i zrozumienia.

Średniki są opcjonalne

Po prostych instrukcjach w JavaScript zazwyczaj następuje znak średnika, tak jak w C, C ++ i Javie. JavaScript pozwala jednak na pominięcie tego średnika, jeśli każde z twoich instrukcji jest umieszczone w oddzielnym wierszu. Na przykład poniższy kod można zapisać bez średników.

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

Ale po sformatowaniu w pojedynczym wierszu w następujący sposób musisz użyć średników -

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

Note - Dobrą praktyką programistyczną jest używanie średników.

Rozróżnianie wielkości liter

JavaScript to język uwzględniający wielkość liter. Oznacza to, że słowa kluczowe języka, zmienne, nazwy funkcji i wszelkie inne identyfikatory muszą być zawsze wpisywane ze stałą wielkością liter.

Więc identyfikatory Time i TIME będzie przekazywać różne znaczenia w JavaScript.

NOTE - Należy zachować ostrożność podczas pisania nazw zmiennych i funkcji w JavaScript.

Komentarze w JavaScript

JavaScript obsługuje komentarze w stylu C i C ++, a zatem -

Każdy tekst pomiędzy // a końcem linii jest traktowany jako komentarz i jest ignorowany przez JavaScript.
Każdy tekst między znakami / * i * / jest traktowany jako komentarz. Może to obejmować wiele linii.
JavaScript rozpoznaje również sekwencję otwierającą komentarz HTML <! -. JavaScript traktuje to jako komentarz jednowierszowy, podobnie jak // komentarz.
Sekwencja zamykająca komentarz HTML -> nie jest rozpoznawana przez JavaScript, więc powinna być zapisana jako // ->.

Przykład

Poniższy przykład pokazuje, jak używać komentarzy w 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>