конспект курса Java Script. Программирование клиентской части Интернет приложений с использованием JavaScript
 Скачать 1.49 Mb.
|
19 20 5. Повторите упражнение 3, но только отсчет интервала времени следует вести от момента завершения обработки страницы браузером. Урок 3. Переменные и литералы Реализация JavaScript является примером языка свободного использования типов. Тип переменной зависит от типа хранимых в ней данных, причем при изменении типа данных, меняется и тип переменной. JavaScript поддерживает следующие простые типы данных: 1. Числовой (целый и вещественный) 2. Строковый 3. Булевый, или логический Сложные (ссылочные) типы данных: 1. Объектный 2. Массив Специальные типы данных: 1. null 2. undefined Числовой тип В языке JavaScript целые и вещественные числа не различаются — внутренне они представляются числами в формате плавающей точки. Используется стандарт IEEE 754 представления вещественных чисел в восьмибайтном формате чисел с плавающей точкой. Диапазон изменения абсолютных значений: от 5∙10 -324 до 1.7976931348623157∙10 308 Целые литералы 123, -123, +678 // целое: десятичные числа 0123, -0123, +0677 // целое: восьмеричные числа 0x18F, -0X8A, +0xAA // целое: положительное число Вещественные литералы 1.25 0.125е01 12.5Е-1 0.0125Е+2 Ошибка: 00.234 (начинается с нуля, а, следовательно, является восьмеричным целым и точки в литерале быть не должно) Специальные числовые литералы 1. NaN (Not a Number — не число) используется в качестве результата арифметических операций над строками и специальным значением undefined. 2. Infinity и -Infinity используются для значений чисел, выходящих за допустимый диапазон их изменения в JavaScript. 21 Строковый тип Строковое значение — последовательность ноль или более символов Unicode, которая используется в программе для представления текстовых данных. Строковые литералы В JavaScript строковые литералы можно задавать двумя равноправными способами — последовательность символов, заключенная в двойные или одинарные кавычки: "Анна" 'АННА' Один тип кавычек можно использовать в литерале, заданном другим типом кавычек: "It's a string" // значение строки равно It's a string "" // пустая строка В строковых литералах можно использовать ESC-последовательности, которые начинаются с символа обратной наклонной черты, за которой следует обычный символ. Некоторые подобные комбинации трактуются как один специальный символ: Esc-последовательности Символ \b Возврат на один символ \f Переход на новую страницу \n Переход на новую строку \r Возврат каретки \t Горизонтальная табуляция Ctrl-I \' Апостроф \" Двойные кавычки \\ Обратная наклонная черта ESC-последовательности форматирования "работают" при отображении информации в диалоговых окнах, отображаемых функциями alert(), prompt() и confirm(), а также если методом document.write() записывается содержимое элемента PPE. Булевый тип Имеет два значения — истина и ложь. Обычно значения этого типа используются в операторах принятия решения if и switch или в операторах цикла типа while. Булевы литералы Две лексемы true и false. Числовые значения в булевом контексте также трактуются как истина или ложь: 22 целый или вещественный нуль (0, 00, 0.0, 0e1), null и undefined трактуются как false; все остальные числовые значения рассматриваются как true. Строковые значения в булевом контексте также трактуются как истина или ложь: пустая строка "" трактуются как false; все остальные строковые значения рассматриваются как true. Специальные типы данных Тип данных null имеет одно значение null. Когда переменная имеет значение null , то это означает, что она "пуста" — ей не присвоено никакого значения допустимого типа. Присваивание переменной значения null не уничтожает ее, но просто делает ее переменной, не содержащей значения любого допустимого типа данных: числового, строкового, булевого, объектного или массива. Значение null трактуется как 0 в арифметических операциях и false в логических, но оно не равняется 0 (как в С и С++). Операция typeof для специального типа null возвращает Object (из-за совместимости с предыдущими версиями JavaScript). Тип данных undefined имеет единственное значение undefined, которое присваивается переменной в двух случаях: 1. переменная объявлена, но ей еще не присвоено никакое значение; 2. при попытке обратиться к несуществующему свойству объекта. В булевом контексте значение undefined трактуется как false, а в арифметическом как NaN. Нельзя сравнивать со значением undefined (такого просто не существует), но следует использовать операцию typeof, возвращающую тип undefined. Переменные Каждая переменная задается своим идентификатором — последовательностью буквенно-цифровых символов, начинающуюся с буквы (символ подчеркивания относится к букве): Temp1 MyFunction _my_Method Определить переменную можно двумя способами: оператором var; оператором присваивания. Оператор var используется как для задания, так и для инициализации переменной и может располагаться в любом месте сценария: var имя_переменной [= начальное_значение]; var weekDay = "Пятница"; 23 Оператор присваивания, составленный из единственной операции присваивания, для которой используется символ =, также может вводить новую переменную в любом месте сценария, а также он используется для изменения значения уже созданной переменной. В выражениях все переменные должны быть объявлены либо оператором var, либо в операторе присваивания. В противном случае будет сгенерирована ошибка, что отсутствует определение соответствующей переменной. Динамическое изменение типа переменной По ходу выполнения сценария переменной могут присваиваться разные значения, меняя, таким образом, ее тип: var weekDay // переменная определена, но не инициализирована // она имеет специальное значение undefined weekDay = "Пятница"; // Строковый тип weekDay = 5; // Целый тип Определение типа переменной Унарная операция typeof позволяет определить тип переменной, т. е. определить тип величины, хранящейся в данный момент в переменной. Синтаксис ее имеет вид: typeof(переменная) typeof переменная Эта операция возвращает одну из шести строк, соответствующих возможным типам данных JavaScript: "number" "string" "boolean" "undefined" "object" "function" Упражнения 1. Написать сценарий, который при загрузке страницы HTML в браузер методом document.write() формирует на странице элемент PRE и его содержимое в виде трех строк текста, в которых слова отделены символами табуляции. Это действие реализовать в одном вызове метода document.write(). 2. Написать сценарий, который после загрузки страницы отображает в диалоговом окне, создаваемом функцией alert(), три строки сообщения. 24 3. Проверить соответствие булеву значению false значений 0, 00, 0.0, 0e1, null, undefined, +1, -1.1, "", "0", "undefined", "xxxx". Для этого создать переменные с указанными значениями и распечатать, например, функцией alert(), результат вычисления выражения !v, где v является идентификатором переменной с одним из указанных значений. 4. Написать сценарий, в котором одной и той же переменной присваиваются разные значение. После изменения значения переменной распечатать ее тип (результат выполнения операции typeof). Урок 4. Выражения и операции Выражение – это комбинация переменных, литералов и операций, в результате вычисления которой получается одно единственное значение. Переменные в выражениях должны быть инициализированы либо в операторе var , либо оператором присваивания. Если при вычислении выражения встречается неинициализированная или вообще не определенная переменная, то в Internet Explorer версий меньше 6.0 интерпретатор генерирует ошибку "undefined variable" ("переменная не определена"), указывая ее местоположение на странице HTML. В Internet Explorer 6.0 ситуация с использованием в выражении неинициализированной переменной была приведена к стандарту — такая переменная, а с ней и все арифметическое выражение принимает значение NaN, трактуемое в булевом контексте как false, а в строковых операциях как строка "NaN", но при использовании необъявленной переменной интерпретатор генерирует ошибку "определение отсутствует". Присваивание является операцией, которая не только присваивает левому операнду значение правого, но и вычисляется равным значению выражения правой части. Таким образом, любая конструкция с операцией присваивания рассматривается как выражение. Кроме выражения присваивания в JavaScript определены еще три типа выражений: арифметическое — вычисляемым значением является число; строковое — вычисляемым значением является строка; логическое — вычисляемое значение равно true или false. Арифметические операции Операция Смысл + Сложение - Вычитание * Умножение / Деление (1/2=0.5) 25 % Остаток от деления чисел (12%5.1=1.5999999999999996) ++ Увеличение на 1 (префиксная и постфиксная) -- Уменьшение на 1 (префиксная и постфиксная) Пример: speed = 5.5; time = 4; distance = speed * time; distance = (speed ++)*time; Арифметические операции в выражении вычисляются слева направо с учетом общепринятого их математического старшинства. Скобками можно изменить порядок выполнения арифметических операций в выражении. Логические выражения Для создания логических выражений используются операции сравнения и логические операции, применяемые к переменным любого типа. Операции сравнения Операция Синтаксис Описание == a == b Истина, если оба операнда равны === a === b true, если значения операндов равны и сами операнды одного типа != a != b Не равно !== a !== b true, если значения операндов не равны и/или они не одного типа >= a >= b Больше или равно <= a <= b Меньше или равно > a > b Строго больше < a < b Строго меньше Логические операции Операция Синтаксис Описание && a && b логическое И Возвращает a, если оно преобразуется к false, иначе b || a || b логическое ИЛИ Возвращает a, если оно преобразуется к true, иначе b ! !a логическое НЕ Если a равно true, возвращает false; если a 26 равно false, возвращает true Вычисляются по укороченной схеме — если результат операции становится известным после вычисления первого операнда, то второй операнд вообще не вычисляется. В следующих выражениях второй операнд вычисляться не будет, так как результат их вычисления уже определен значением первого операнда вне зависимости от значения второго: false && операнд2 // всегда равно false true || операнд2 // всегда равно true Битовые логические операции Операция Синтаксис Описание И a & b Результирующий бит равен 1, если оба равны 1, иначе 0 ИЛИ a | b Результирующий бит равен 1, если хотя бы один бит равен 1 Исключающее ИЛИ a ^ b Результирующий бит равен 1, если хотя бы один бит равен 1, но не оба одновременно Отрицание a Инвертирует биты Смещение влево a << n Сдвигает все биты влево на n позиций, добавляя справа нулевые Смещение вправо a >> n Сдвигает все биты вправо на n позиций, используя значение знакового бита для заполнения "освобождаемых" слева битов Смещение вправо с заполнением нулями a >>> n Сдвигает все биты вправо на n позиций, заполняя "освобождаемые" слева биты нулями Строковые операции Существует только одна строковая операция – операция конкатенации (соединения) строк +, если не считать сокращенной формы операции присваивания со сложением += и сравнения строк. string = "Моя" + "строка"; // string равно "Моястрока" Операция конкатенации строк может использоваться со смешанными типами операндов. Все операнды приводятся к строковому типу, если хотя бы один из операндов содержит строковый литерал. "Май" + 2.003е3 результат "Май2003", "Май" + t результат "Майtrue", если переменная t содержит булево значение true. "1"+"1.1" результат "11.1" "1"+1.1 результат "11.1" 27 Комбинированные операции присваивания Под комбинированными операциями присваивания понимаются операции, совмещающие выполнение какой-либо определенной операции с одновременным присваиванием ее результата переменной, определяемой первым операндом. Общий синтаксис подобных комбинированных операций следующий: a OP= b, где OP заменяется на символ одной из рассмотренных ранее операций языка JavaScript. Операция Значение x *= y x = x * y x /= y x = x / y x += y x = x + y x -= y x = x - y x %= y x = x % y x <<= y x = x << y x >>= y x = x >> y x >>>= y x = x >>> y x &= y x = x & y x ^= y x = x ^ y x |= y x = x | y Условная операция Единственная операция в языке, требующая три операнда, причем первый операнд вычисляется в булевом контексте: (условие) ? операнд2 : операнд3; Семантика ее такова: если значение первого операнда-условия истинно, то возвращается вычисленное значение второго операнда, иначе третьего. Например, результатом выполнения следующего выражения будет присваивание переменной range строки "Пересдача", если значение переменной mark меньше или равно 2, в противном случае переменная range будет иметь значением строку "Зачтено": range = (mark <= 2) ? "Пересдача" : "Зачтено"; Приоритет операций В приводимой ниже таблице перечислены все операции JavaScript в нисходящем порядке. Операции с одинаковым приоритетом выполняются в выражении слева направо. Операции Описание . [] () Доступ к значению свойства объекта, вычисление 28 индекса массива, вызов функции и группирование в выражении ++ -- - ! delete new typeof void Унарные операции увеличения/уменьшения на единицу, вычисление числового содержимого с обратным знаком, побитовое инвертирование содержимого, логическое отрицание, удаление свойства объекта, создание объекта, получение типа данных, вычисление выражения, но возврат значения undefined * / % Умножение, деление, остаток от деления + - + Сложение, вычитание и конкатенация << >> >>> Битовые сдвиги < <= > >= instanceof Логические операции и операция проверки является ли данный объект экземпляром какого- либо объекта == != === !== Логические операция сравнения на равенство и неравенство & Побитовое AND ^ Побитовое XOR | Побитовое OR && Логическое AND || Логическое OR ?: Условная операция = OP= Присваивание и комбинированное присваивание , Операция последовательного выполнения Упражнения 0. Как определить целый тип числа. 1. Объявить в сценарии переменную var1 оператором var, не присваивая ей никакого значения, а переменную var2 не объявлять. Отобразить их содержимое функцией alert() и объяснить результаты. 2. Предложить способ сложения двух чисел, хранящихся в виде строковых литералов. Например, в выражении "2.1"+"3.0" будет выполнена операция конкатенации строк с результатом "2.13.0", а не сложение чисел, хранящихся в указанных строках. Задача состоит в том, чтобы получить число 5.1. 3. Можно ли в JavaScript определить, содержит ли переменная число или строку с литералом числа. Приведите, если это возможно, максимальное число способов проверки. 4. Чему будет равно значение переменной a после выполнения операторов: 29 а) var a=""; a && (a=true); б) var a="javascript"; a && (a="vbscript"); a || (a="javascript"); в) var b="1.1"; a = typeof b*0.1; б) var b="1.1"; a = typeof(b*0.1); Урок 5. Операторы Весь набор операторов языка можно разбить на три группы: операторы выбора, или условные; операторы цикла; операторы манипулирования с объектами. Операторы выбора Предназначены для организации ветвления в сценарии. Общий синтаксис следующий: if(условие) { операторы1 } [else { операторы2 } ] Обратите внимание, что группы операторов блоков if и else заключены в фигурные скобки, которые можно опускать, если группа представлена одним оператором: if(a == b) с = d else { с = e alert(c) } Семантика этого оператора такова: если проверяемое условие истинно, то выполняются операторы блока if, иначе блока else. Операторы выбора могут быть вложенными друг в друга. В этом случае рекомендуется использовать фигурные скобки всегда во избежание ошибок при интерпретации подобных сложных операторов. 30 Если необходимо проверять одно и то же выражение на равенство разным значениям, то эффективнее использовать не группу вложенных операторов ветвления, а оператор switch со следующим синтаксисом: switch (выражение){ case значение1 : [операторы1] [break;] case значение2 : [операторы2] [break;] [default :] [операторы] } Семантика его не отличается от подобных операторов в других языках программирования: выражение вычисляется и последовательно проверяется на равенство значениям, указанным в блоках case. Если равенство найдено, то выполняются операторы соответствующего блока case, если нет, то операторы блока default в случае его наличия. Необязательный оператор break, задаваемый в каждом из блоков case выполняет безусловный выход из оператора switch. Если он не задан, то продолжается выполнение операторов и в следующих блоках case до первого оператора break или до конца тела оператора switch. Операторы цикла Основное предназначение оператора for организовать циклическое выполнение группы операторов, если заранее известно количество итераций: for([инициал_выражение];[условие];[изменяющее_выражение]) { [операторы] } Инициализирующее выражение вычисляется один раз при входе в цикл. Изменяющее выражение предназначено для изменения значения переменной цикла, определяемой в инициализирующем выражении, и вычисляется каждый раз при переходе на очередную итерацию вместе с проверкой условия окончания выполнения цикла. Переменная цикла не может быть создана локальной (даже если использовать в инициализирующем выражении оператор var) — она будет доступна и после завершения работы цикла: for(var i=0; i < 10; i++){. . .}; a[i] = value; // переменная i равна 10 Если тело цикла состоит из одного оператора, то фигурные скобки, ограничивающее тело цикла, можно опустить. 31 Пример 4. Цикл for в сценарии JavaScript Создадим сценарий, который при загрузке документа вычисляет степени числа 2 и выводит в документ таблицу степеней двойки. |