JavaScript: основные понятия (стр. 3 )

Рассмотрим еще один пример. Пусть выполнено

St1 = "текущий"

st2 = "момент"

В результате выполнения st1 += st2 переменная st1 получит значение "текущий момент".

Комментарии

Оператор	Значение
//	Комментарий — занимает одну строку
/* */	Комментарий — занимает несколько строк

Выражения

Выражения строятся из литералов, переменных, знаков операций, скобок. В результате вычисления выражения получается единственное значение, которое может быть либо числом (целым или вещественным), либо строкой, либо логическим значением. Используемые в выражении переменные должны быть инициализированы. Если при вычислении выражения встречается неопределенная или неинициализированная переменная, фиксируется ошибка.

Приоритет операций определяет порядок, в котором выполняются операции в выражении

Таблица приоритетов операций

Название	Обозначение
Инкремент	++
Декремент	--
Отрицание	!
Унарный минус	-
Умножение	*
Деление, остаток от деления	/, %
Сложение	+
Вычитание	-
Сравнение	<, >, <=, >=
Равенство	==
Неравенство	! =
Логическое И	&&
Логическое ИЛИ	| |
Присваивание	=, +=, -=, *=, /=, %=, ! =

Управление окнами

Можно управлять свойствами окна и свойствами подчиненных ему объектов. Методы управления окнами:

=  alert();

=  confirm();

=  prompt();

=  open();

=  close();

=  focus();

=  setTimeout();

=  clearTimeout().

Здесь не указаны только два метода: scroll() и blur().

Первый позволяет прокрутить окно на определенную позицию. Но его очень сложно использовать, не зная координат окна. Второй метод уводит фокус с окна.

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

Alert

Метод alert() позволяет выдать окно предупреждения. Метод window. alert отображает диалоговое окно, в которое помещается сообщение для пользователя. Этот метод часто используется при обработке полей формы. Если в какое-либо из полей формы введено неверное значение, пользователю посылается сообщение.

Пример. Этот метод позволяет выводить окно сообщения с кнопкой ОК.

alert("Привет!")

Confirm

Метод confirm() позволяет задать пользователю вопрос, на который тот может ответить либо положительно, либо отрицательно. Метод confirm отображает диалоговое окно подтверждения выполнения операции. Оно содержит две кнопки — ОК и Cancel (Отмена), позволяющие выбрать один из вариантов. Если пользователь щелкнул на кнопке ОК, возвращается значение true, после щелчка на кнопке Отмена возвращается значение false. В функции quest() анализируется возвращаемое методом confirm значение, и выполняются соответствующие действия.

Пример. confirm ("Вы хотите закончить работу?")

Prompt

Выводит окно сообщения и текстовое поле, предназначенное для ввода информации пользователем. Первый аргумент в формате строки определяет текст, который будет находиться над текстовым полем. Второй аргумент — это строка, целое число или свойство существующего объекта, формирующее значение, по умолчанию отображаемое в текстовом поле. Если второй аргумент не задан, внутри текстового поля появится надпись <underlined>.

Если нажата кнопка ОК, возвращается напечатанный в поле текст, если нажата кнопка Cancel— возвращается False.

prompt("Введите ваше имя", " ")

Операторы языка

Операторы JavaScript:

=  var;

=  {...};

=  if;

=  while;

=  for;

=  for... in;

=  break;

=  continue;

=  return.

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

var a;
var a=10;
var a = new Array();
var a = new Image();

Область действия переменной определяется блоком (составным оператором), в котором используется переменная. Максимальная область действия переменной — страница.

{...} Фигурные скобки определяют составной оператор JavaScript — блок. Они одновременно ограничивают область действия переменных, которые определены внутри этих скобок. За пределами блока переменные не видны:

{ var i=0;
}

Основное назначение блока — определение тела цикла и тела условного оператора.

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

if (логическое выражение) оператор1; [else оператор2;]

Логическое выражение — это выражение, которое принимает значение true или false. Если оно равно true, то оператор 1 исполняется. В квадратных скобках необязательная составляющая оператора if — альтернатива основной ветви вычислений:

Синтаксис этой конструкции:

if (условие)
{ код работает, если условие выполнено
}
else
{
код работает, если условие не выполнено
};

Свойства

·  Часть, определяемая словом else, необязательна. Конструкция допускает вложенные условия

·  Если указываются одновременно несколько условий, они должны быть заключены в скобки

Пример:

lang=prompt("На каком языке Вы говорите?",")
if (lang=='английский')
alert("I am speake English a little")
else
{
if (lang ="русский")
alert("Я тоже говорю по-русски") else
alert("Я не говорю на этом языке") };

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

while Оператор while определяет цикл. Определяется он в общем случае следующим образом:

While (логическое выражение)
оператор;

Блок кода работает, пока выполняется условие.

while (условие)
{
выполняемые команды...
}

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

For — это еще один оператор цикла. В общем случае он имеет вид:

for (инициализация переменных цикла; условие; модификация переменных цикла)
оператор;

for — выполняет блок кода указанное количество раз.

for (i= 0; i = 10; i++)
{
document. write(i);

for... in Данный оператор позволяет "пробежаться" по свойствам объекта. Рассмотрим пример:

for(v in window. document)
{
document. write(v+"<BR>");
}

Все свойства текущего объекта "документ"будут выведены на экран. Этот документ состоит из нескольких разделов. Обращение "window.document" позволяет обратиться к общему документу, а не к отдельно взятому разделу. Поэтому распечатанные свойства — это свойства всего документа.

Break ператор break — выход из цикла.

х = 0;
while (x!= 10)
{
n—prompt ("Введите число или нажмите "q" для выхода", "")
if (n == "q")
{
alert("Увидимся позже");
break;

continue Того же результата, что и при использовании break, можно было бы достичь при помощи оператора continue.

return Этот оператор позволяет пропустить часть тела цикла (от оператора до конца тела) и перейти к новой итерации. Таким образом, мы просто пропускаем все свойства до title и после этого выходим из цикла. Оператор return используют для возврата значения из функции или обработчика события

<FORM>
<INPUT TYPE=submit VALUE=Submit onClick="return false;">
</FORM>

В данном примере return используется для маскирования передачи данных на сервер.

Оператор switch и его свойства

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

Синтаксис оператора switch следующий:

switch (В)

{ case L1: S1;

case L2: S2;

.............

case Ln: Sn;

default: S

}

где В — выражение; L1, L2, ..., Ln — литералы; S1, S2, ..., Sn; s — операторы.

Выполнение переключателя происходит так: вычисляется значение выражения В. Если значение в равно L1, выполняются операторы S1, а затем все остальные операторы либо до первого оператора break, либо до конца оператора switch. Если значение в равно L2, выполняются операторы S2, а затем все остальные операторы либо до первого оператора break, либо до конца оператора switch и т. д. Если же значение В не равно ни одному из значений L1, L2, ..., Ln, выполняются операторы s. Часть default: s может отсутствовать, тогда переключатель имеет вид:

switch (В)

{ case L1: S1;

case L2: S2;

..........

case Ln: Sn;

}

В этом случае, если значение выражения в не равно ни одному из значений L1, L2, ..., Ln, оператор switch завершает свою работу, что эквивалентно пустому оператору. На самом деле переключатель удобно записывать в виде:

switch (В)

{ case LI: SI; break;

case L2: S2; break;

.......

case Ln: Sn; break;

default: S

}

В этом случае оператор break обеспечивает завершение работы переключателя после выполнения очередного варианта.

Встроенные функции

В JavaScript существует набор встроенных функций, доступных при выполнении кода:

Функция	Описание
escape (символ)	Возвращает строку в виде % XX, где XX —код ASCII символа в скобках
eval (выражение)	Возвращает результат вычисления выражения в скобках
isNaN (значение)	Возвращает True, если значение в скобках не является числом
parseFloat (строка)	Преобразует строку в число с плавающей запятой
parselnt (строка, основание)	Преобразует строку в целое число в системе счисления с указанным основанием
typeOf (объект)	Возвращает тип указанного объекта как строку, например

Встроенные объекты

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

Объект Array

Объект Array определяет метод создания массивов и способ работы с ними. Для создания нового массива используется такая конструкция:

x=new ArrayO; // создание нового массива
x=new Array(10); //создание массива из 10 элементов
// создание массива и одновременно заполнение его значениями
x=new Array("Мурка", "Васька", "Толстопуз",."Барсик");

Свойство	Описание
length	Целое число с возможностью изменения, указывающее количество элементов массива
Метод	Описание
join ( [строка] )	Возвращает строку, содержащую все элементы массива, строка в скобках — необязательный разделитель
reverse ()	Изменяет на обратный порядок следования элементов
sort ([функция])	Сортирует массив; если в скобках указана функция — по результатам ее вычисления

Объект Boolean

Объект Boolean предназначен для хранения простых значений типа да/нет, true/false. Чтобы создать новый объект типа Boolean, используется такой синтаксис:

MyAnsver=new Boolean([ значение});

Если значение равно 0, null, пропущено или является пустой строкой, новый объект будет иметь начальное значение false. Все другие значения этого аргумента, включая строку false, приведут к созданию объекта, имеющего значение true.

Метод	Описание
toString()	Возвращает значение объекта как строку true или false
valueOf()	Возвращает численное значение объекта

Объект Date

Объект Date поддерживает метод для работы с датами и временем в JavaScript. Новые экземпляры объектов Date создаются так:

newDateObject = new Date([значение])

Значение — необязательные установки даты и времени для нового объекта. Если они не заданы, используются текущие дата и время. Значение может иметь такой вид:

·  миллисекунды — начиная с полуночи по Гринвичу 1 января 1970 года;

·  год, месяц, день (например, 1997,0,27 — 27 января 1997);

·  год, месяц, день, часы, минуты, секунды;

·  месяц день, год часы:минуты:секунды (например, September 23,1997 08:25:30).

Метод	Описание
getDate ( )	Возвращает число месяца как целое числоот 1 до 31
getDay ()	Возвращает день недели как целое число от 0 (воскресенье) до 6 (суббота)
getHours ( )	Возвращает часы как целое от 0 до 23
getMlnutes ( )	Возвращает минуты как целое от 0 до 59
getMonth( )	Возвращает месяц как целое от 0 (январь) до 1 1 (декабрь)
getSeconds ( )	Возвращает секунды как целое от 0 до 59
geTime ( )	Возвращает количество миллисекунд между 1 января 1970 года в 00:00:00 по Гринвичу и текущим объектом Date как целое число
getTimeZoneOf f set ( )	Возвращает разницу в минутах между местным и гринвичским временем как целое число
getYear ( )	Возвращает год без первых двух разрядов как целое число
parse (дата)	Возвращает количество миллисекунд между 1 января 1970 года в 00:00:00 по Гринвичу да - той (дата;
setDate ( значение)	Устанавливает день месяца с помощью цело - го числа значение от 1 до 31
setHours ( значение)	Устанавливает часы с помощью целого числа значение от 0 до 23
setMinutes ( значение)	Устанавливает минуты с помощью целого числа значение от 0 до 59
setMonth ( значение)	Устанавливает месяц с помощью целого числа значение от 0 до II
setSeconds ( значение)	Устанавливает секунды с помощью целого числа значение от 0 до 59
setTime ( значение)	Устанавливает значение объекта Date с помощью целого числа значение, которое отражает количество миллисекунд между 1 января 1970 года в 00:00:00 по Гринвичу
set Year ( значение)	Устанавливает часы с помощью целого числа значение, большего 1900
toGMTStringO	Преобразует данные местного времени во время по Гринвичу и возвращает как строку
toLocaleString ( )	Преобразует время по Гринвичу в данные местного времени и возвращает как строку
UTC( год, месяц)	Возвращает количество миллисекунд между 1 января 1970 года в 00:00:00 по Гринвичу и текущим объектом Date как целое число [, часы] [, минуты] [, секунды])

Объект Function

Объект Function предоставляет механизм для компиляции кода JavaScript в виде функции. Новая функция создается так:

functionName = new Function(аргумент1, аргумент2, ... код функции),

где аргумент1, аргумент2 и т. д. — аргументы для создаваемого объекта Function, а код функции — строка, содержащая тело функции. Это может быть несколько выражений JavaScript, разделенных точкой с запятой.

Свойство	Описание
arguments [ ]	Ссылка на массив Arguments, содержащий аргументы вызванной функции
caller	Определяет функцию, вызываемую объектом Function
prototype	Предоставляет способ для добавления свойств объекту Function

Объект Arguments