13. Основные понятия, синтаксис языка Java Script

Javascript - скриптовый язык, предназначенный для создания интерактивных веб-страниц. Он не требуется компилировать, он подключается к HTML-странице и работает "как есть".

Возможности:

Изменять страницу, писать на ней текст, добавлять и удалять теги, менять стили элементов.

Реагировать на события: скрипт может ждать, когда что-нибудь произойдет (клик мыши, окончание загрузки страницы) и реагировать на это выполнением функции.

Выполнять запросы к серверу и загружать данные без перезагрузки страницы. Это иногда называют "AJAX".

Устанавливать и считывать cookie, выводить сообщения и многое другое.

Является языком программирования, работающим на стороне клиента, а не сервера. Этой отличительной способностью не может похвастаться пока ниодин язык программирования технологии WEB.

Поэтому Javascript - уникальная технология, и таковой останется. Сейчас она развивается, создается язык Javascript 2 и новый интерпретатор. Но синтаксис не сильно изменился.

В данной лекции мы познакомимся только с основой данного языка, он слишком объемен, чтобы изучить его весь за короткое время.

13.1. Переменные и действия над ними

Для того чтобы программа на этом языке была правильно воспринята, необходимо указать, что это JavaScript. Делается это двумя способами. Либо указанием внешнего файла

<script type="text/javascript" src="term_opred.js"></script>

либо внутри страницы HTML:

<script language="javascript">a = 5;</script>

Переменные в данном языке задаются простым указанием. Например, таким:

var orange = "Апельсин"; - текстовая переменная. Эта переменная объявлена элементом var.

one = "1"; - тоже текстовая переменная но не объявлена, при этом сохраняет работоспособность.

one = 1; - числовое значение, не объявленное заранее

Существуют глобальные и локальные типы переменных. Локальные объявляются элементом var В этом случае переменная «видна» только в коде отдельной программы, если файл является внешним, или внутри функции или другого оператора, который содержит в себе некий алгоритм действий с ней связанный. Глобальная же переменная видна из всех частей программы, в том числе и функций. Она объявляется простым указанием имени переменной и его значения, т.е. one = "1"; - это и есть глобальная переменная.

Следует заметить, что все переменные, выражения, значения массивов и функций заканчиваются точкой с запятой «;». Если её нет хотя бы в одном месте, то вся программа не выполнится. А с учетом того, что отладчика для такого языка не предусмотрено, то искать ощибку весьма проблематично.

Как можно заметить, переменные необязательно объявлять и явно указывать их тип. Данный язык может интерпритировать сам тип переменной.

В языке можно вести действия как с текстовыми там и числовыми значениями. При этом дробные числа записываются не через запятую, а точку, т.е. 5.3 и т.п.

Если приложение представляет собой огромный набор операторов, необходимы комментарии (пояснение к отдельной части программы). В JavaScript комментарии могут записываться следующими способами: // "пояснения" (этот способ позволяет создать комментарий только на одной строке) и /* "пояснения" */ (этот способ предпочтительнее предыдущего тем, что позволяет писать несколько строк комментария).

Над переменными можно совершать некие действия. Начиная от сложения, вычитания, умножения, деления, до замены символов в строке при помощи специальных операторов.

Действия можно условно разделить на три категории: действия над текстовыми переменными, числовыми и массивами.

Текстовые переменные можно «складывать» между собой и изменять операторами, о которых будет сказано чуть позже. Так будет выглядеть сложение строки:

a = "Привет";

b = "мир!";

с = a + b + "!";

В этом случае результатом действий будет таким: Приветмир!! Обратите внимание, что между словами нет пробела. Это можно исправить двумя путями:

с = a + " " + b + "!";

или

a = "Привет";

b = " мир!";

с = a + b + "!";

Над числами можно совершать различные арифметические действия:

сложение - + вычитание - -, умножение - * , деление - /.

В случае, если необходимо округлить число существует оператор округления. Его синтаксис таков:

0.1234.toFixed(2)  = 0.12

Обратите внимание на точку между числом и toFixed(). Это означает, что над переменной или числом выполняется некое действие, в данном случае округление до 2-го знака после запятой.

Массивы рассмотрим немного позже, так как они имеют ряд больших отличий от простых переменных.

Вывод на экран в языке JavaScript осуществляется при помощи операторов

document.writeln(); - вывыод на экран виде обычного текста

и

alert(); - вывод значения в дополнительном окне программы браузера

Если необходимо вывести на экран текст, графику или что-то другое напрямую, без обработки, то код можно будет применить такой:

document.writeln("Привет мир!"); и alert("Привет мир!");

Но возмоден вариант и когда, вывод происходит значения переменной, в этом случае кавычки не устанавливаются, а просто указывается имя переменной. Однако. стоит заметить, что переменная должна быть объявлена до вывода на экран, а не после, иначе программа не будет выполняться.

а = "Привет мир!";

document.writeln(a); и alert(a);

Переменные можно сравнивать, для этой цели существуют различные операторы сравнения. Их общий синтаксис таков:

if (условие)

{

действия в случае выполнения условия

}

else

{

действия в случае не выполнения условия

}

Условия выполняются как с текстовыми так и с числовыми значениями. Для этих действий предусмотрены операторы сравнений, а также логические операторы.

Операторы сравнения выполняют непосредственное сравнение одного значения с другим. Они бывают следующих видов:

==	если операнды равны.
!=	если операнды не равны.
===	если операнды равны и одного типа.
!==	если операнды не равны и/или не одного типа.
>	если левый операнд больше правого.
>=	если левый операнд больше правого или равен ему.
<	если левый операнд меньше.
<=	если левый операнд меньше правого или равен ему.

Для того, что бы получить результат сравнения не нужно указывать, что именно возвратит данная операция, просто в зависимости от сравнения, выполнится тот или иной блок кода. Однако, если по результатам проверки, нужно точно, что именно возвращает данное сравнение. то следует помнить следующее: если условие выполняется, то операция возвращает true, в противном случае – false.

Очень часто при сравнениях необходимо выполнение не одного, а много числа условий. Для этой цели применяются логические операторы. Они имеют следующий вид:

&&	Логическое И
||	Логическое ИЛИ
!	Логическое НЕ

Пример 1:

a = "Деньги есть";

b = "Денег нет";

if ("Деньги есть" == a)

{ alert("Идем в магазин"); }

else { alert("Не идем в магазин"); }

В этом примере выведится на экран «Идем в магазин», так как переменная точно совпадает со значением текста условия. Однако, в следующем примере

Пример 2:

a = "Деньги есть";

b = "Денег нет";

if ("Деньги есть" == b)

{ alert("Идем в магазин"); }

else { alert("Не идем в магазин"); }

на экране появится «Не идем в магазин», так как переменная не содержит искомого значения.

Следует отметить также, то что большое значение имеет регистр букв в текстовых переменных, так если он не совпадает с регистром букв в условии сравнения, то сравнение так же выведит «Не идем в магазин»

Пример 3:

a = "Деньги есть";

b = "Денег нет";

c = "Магазин закрыт";

if ("Деньги есть" == a && c != "Магазин закрыт" )

{ alert("Идем в магазин"); }

else { alert("Не идем в магазин"); }

Здесь выполнится первое условие, так как оба условия совпадают, однако, если в условии будет указано: "Деньги есть" == a && c == "Магазин закрыт", то выполнится второе условие, так как второй элемент сравнения вернёт сообщение о ложности утверждения.

Сравнение можно делать не раз с одной и той же переменной, при этом вполне допустима такая запись:

Пример 4:

a = "10";

b = -1;

if (a == "")

{ c = "А не является пустым значением"; }

else { с = "Является числом, однако записано, как текстовая переменная"; }

if (a != "" && b == 1)

{ c = a*b; }

if (b != "" && a == 1)

{ c = a*b; }

document.writeln(c);

В этом примере значение перемсенной С будет равно -10, так как удовлетворилось одно из условий, в частности предпоследнее. Здесь стоит отметить, что элемент else фигурирует только раз, после первого сравнения. Такая запись допустима. Однако не допустимо, отсутствие else, или его наличие в самом конце всех сравнений. В первом случае программа не будет выполняться, так как нет обязательного тега при работе с оператором сравнения (if else), а во втором – потому что всегда будет выполняться условие else. Связано последнее с тем, что else хоть раз, но по синтаксису сравнений должен выпониться, в итоге он выполняется, и присваевает переменной свое неверное значение, и так как был последним, то и его результат будет окончательным в этой операции.

В случае же, если else стоит именно за первым сравнением, то, если после этого сравнения были другие, содержащие условия, которые не выполняются, то верным будет, то, что выполнилось (было подтверждено) последним. А если и среди них не было совпадений условий, то значение выполняется else.