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

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

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

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

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

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

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

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

8 Массивы в 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

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

10 Операции инкремента и декремента Если операция стоит перед операндом: ++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)

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

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

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

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

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

16 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

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

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

19 Оператор Описание Пример 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);

20 Оператор Описание Пример Function имя (список параметров) {... } Описание пользовательской функции с заданным именем. Список параметров (они могут и отсутствовать, тогда записываются пустые скобки) должен соответствовать (по количеству и ( порядку записи) таковому в вызовах этой функции....