Лекция 14 Тема « Основы программирования на JavaScript. Синтаксис языка » Преподаватель: Халелова Е.Н.

Вопросы темы: 1. Типы данных (константы и переменные) 2. массивы 3. вычислительные операции 4. операции сравнения 5. Логические операции 6. приоритет операций 7. основные операторы языка JavaScript

Язык JavaScript представляет собой классический язык программирования, по синтаксису во многом подобный Си и включающий в себя ряд операторов, реализующих большинство типовых алгоритмических конструкций: условный оператор, циклы While и For и др., в дополнение к которым предусмотрено большое количество стандартных методов. Все это позволяет реализовывать желаемые интерактивные действия в достаточно широких пределах возможностей.

1. Числовой тип данных: целые числа, (integer) числа с плавающей точкой (float) 2. Булевский (логический) тип (Boolean); 3. Символьный тип данных (String); 4. Нулевой тип (Null) 1. Типы данных (константы и переменные)

В JavaScript (особенно при работе с размещенными на Web-странице формами) чаще используется текстовый тип, поскольку именно он присущ возвращаемым в скриптовую программу значениям VALUE. Переменные в JavaScript Var x; Var result; Var x, y, z0; Var k=3;

Переменные в Javascript не нуждаются в типизации. Объявление переменной можно совместить с присвоением ей начального значения. Т.к. отсутствуют определения типов, в программе на JavaScript одна и та же переменная может изменять свой тип: x= March; x=3;

2. Массивы Массивы представляют собой наборы данных одного типа в памяти компьютера Для обращения к элементу массива используется операция индексации. Для объявления массива используются квадратные скобки, внутри которых через запятую перечисляются его элементы Var a;a=[3, 5, 8]; В отличие от обычных, статических, массивов, массивы в JavaScript динамические, т.е. его размер и содержимое можно изменять в процессе выполнения программы. Var c;c=[2, 7,, 9];c[5]=11;

Массивы в JavaScript можно создавать как объекты. var имя массива = new Array(кол_во элементов); var имя массива = new Array(элементы массива ); a=new Array(); b=new Array (2,41,3.14,als,22); Конструктор Array автоматически определяет свойство length – количество элементов массива. a.length==0;b.length==4 massiv.htmlposesh.htmlmassiv2.html

3. Вычислительные операции Операция Описание + Сложение (для числовых значений) или конкатенация (для строковых значений) - Вычитание либо смена знака («унарный минус») * Умножение / Деление % Остаток от деления ++ Инкремент (увеличение значения переменной на 1, пример:b=а++; х++ вместо х=х++ или х+=1) -- Декремент (уменьшение значения переменной на 1, пример: b=а--; х-- вместо х=х-- или х-=1)

Операции инкремента и декремента Если операция стоит перед операндом: ++i, то инкремент выполняется до вычисления текущего выражения; Если операция записана после операнда: i++, то инкремент выполняется после вычисления текущего выражения. например: i=1; k=++i (результат: i=2; k=2) i=1; k=i++ (результат: i=2;k=1) Аналогичны операции декремента: например: i=3;k=i--*3 (результат: i=2; k=9) i=3;k=--i*3 (результат: i=2; k=6)

4. Операции сравнения Символ операции Сравнение ПримерЗначение < Меньше a< btrue > Больше 7>9false <= Меньше или равно g<=gatrue >= Больше или равно 6>=5true = равно 2==3false ! = Не равно 2.1!=2true

5. Логические операции Операция Описание ! Логическое отрицание (для логических переменных, пример: если a=true, то !a=false) & Логическое условие И | Логическое условие ИЛИ ? Выбор по условию

В JavaScript существуют побитовые операции, которые выполняются только над двоичными числами: ~ Побитовое дополнение (отрицание) замена всех нулевых битов единичными и наоборот & Побитовое И | Побитовое ИЛИ ^ Побитовое ИСКЛЮЧАЮЩЕЕ ИЛИ (операция XOR) << Сдвиг на указанное во втором операнде число бит влево (освободившиеся биты заполняются нулями) >> Сдвиг на указанное во втором операнде число бит вправо (освободившиеся биты заполняются значением самого левого бита исходного числа) >>> Сдвиг на указанное во втором операнде число бит вправо (освободившиеся биты заполняются нулями)

6. приоритет операций Если в скрипте содержится некоторое математическое выражение, значение которого должен вычислить компьютер, то соответствующие операции выполняются в соответствии с указанной ниже последовательностью: 1. действия в круглых скобках; 2.инкремент, декремент; 3.отрицание, дополнение, унарный минус; 4.умножение, деление, остаток от деления; 5.сложение, вычитание; 6. побитовый сдвиг;

7. сравнение; 8. равенство, неравенство; 9. побитовые операции И, ИСКЛЮЧАЮЩЕЕ ИЛИ, ИЛИ; 10. логические операции И, ИЛИ; 11. выбор по условию; 12. присваивание. приоритет операций

7. основные операторы языка JavaScript Операции присваивания Символ оператора Операция Примерзначение = Присваивание значения x=13.4 *= Умножение и присваивание x*=yx=x*y /= Деление и присваивание x/=yx=x/y %= Остаток и присваивание x%=yx=x%y += Сложение и присваивание x+=yx=x+y -= Вычитание и присваивание x-=yx=x-y

Оператор Описание Пример // и /*... */ Комментарии: // однострочные (конец текущей строки является концом комментария) и многострочные блоки for (исх.знач.; условие; модификация) {….} Цикл, где исх.значение оператор присваивания, указывающий имя цикловой переменной, условие логическое условие завершения цикла (цикл выполняется, пока значение условия, равно true), модификация оператор присваивания, определяющий изменение цикловой переменной на каждом шаге; в фигурных скобках записывается тело цикла for (x=1; x<10; x+=1) { … } перебор в цикле всех значений х от 1 до 9 с шагом 1

Оператор Описание Пример if (условие) { ветвь true } else { ветвь false } Условный оператор: если значение логического условия равно true, выполняется первый блок, если false второй (блок else может быть опущен, если он не нужен) if (a>b) {x=a} else {x=b} вычисление максимального из двух значений while (условие) {... } Цикл, выполняемый, пока значение условия равно true while (x<10) { x++ } перебор в цикле всех значений х от заданного (меньшего 10) до 9

Оператор Описание Пример break Прерывание выполнения цикла for или while с передачей управления первому оператору после закрывающей фигурной скобки цикла i=0; While (true) { Document.write (I, ); If (i==9) break; i++} continue Завершение текущего прохода цикла (управление передается на проверку условия выполнения цикла) Summ=0; For (i=1; i<=99; i++) { If (i%5==0) continue; Summ+=i} Document.write(сумма равна, summ);

Оператор Описание Пример Function имя (список параметров) {... } Описание пользовательской функции с заданным именем. Список параметров (они могут и отсутствовать, тогда записываются пустые скобки) должен соответствовать (по количеству и ( порядку записи) таковому в вызовах этой функции.... <SCRIPT LANGUAGE= JavaScript> function signal (str) { alert(str); if (str =="OK") { return true; } }

Оператор Описание Пример имя (список параметров); Вызов ранее объявленной функции пользователя. Должен быть вложен в тело описания другой функции или указывается после знака равенства в записи события. Список параметров (они могут и отсутствовать, тогда записываются пустые скобки) должен соответствовать (по количеству и порядку записи)таковому в описании этой функции.

Оператор Описание Пример return значение Указывает возвращаемое функцией значение var имя переменной Или var имя переменной = значение Описание переменной. Если переменная описана внутри тела описания какой-либо функции, то она является локальной (доступна только в данной функции), в противном случае глобальной (доступной в любой функции). Этот оператор необязателен, т. е. если новой переменной присваивается какое-то значение с помощью оператора присваивания, то это уже означает описание этой переменной <SCRIPT language=JavaScript> var X; var Y=10; function trace() { var Z=15;} переменные Х и Y (где Х не присвоено никакого значения) являются глобальными, Z локальной для функции trace

Оператор Описание Пример with (объект) {... } Специальный оператор, указывающий, что дальнейшие ссылки на свойства относятся к указанному объекту, если в операторах не указано иное. При вызове некоторых стандартных функций по своей сути это аналогично указанию имени библиотеки, в которую входят эти функции with (Math) { X=cos(a); Y=sin(a) ; } вызов математически х функций, (являющихся в JavaScript свойствами объекта Math)

Функции преобразования типов данных JavaScript автоматически преобразует одни типы данных в другие. Для этого используют глобальные функции: 1.parseInt( ) – преобразование текста в целое число; 2. parseFloat ( ) – преобразование текста в число с плавающей точкой. Если аргумент функции преобразования типов начинается не с числа, то функция возвращает значение NaN (Not a Number). Поиск числа выполняется с начала строки аргумента, а нечисловая часть отбрасывается.

Контрольные вопросы: 1. Назовите правила написания скриптов на языке JavaScript. 2. Какие типы данных используются в JavaScript? 3. Какие требования предъявляются к типам данных? 4. поясните правила описания массивов на JavaScript. 5. Назовите вычислительные операции, операции сравнения в JavaScript. 6. Каков приоритет операций в JavaScript? 7. Перечислите основные операторы языка JavaScript.