Теоретические основы программирования на JavaScript. - презентация

1 Теоретические основы программирования на JavaScript

2 Способы включения JavaScript – программ в тело HTML-документа 1. Внутри тега; 2. Во внешнем файле (сетевом ресурсе). 1. 2.

3 Примеры размещения JavaScript JavaScript script2. js document.write( "Hello!!!" ); JavaScript script2. js document.write( "Hello!!!" );">

4 JavaScript 1 Этот браузер не поддерживает JavaScript Этот браузер не поддерживает JavaScript">

5 Совместное использование различных версий JavaScript- программ в теле одного HTML - документа Versions

6 Комментарии Строчный комментарий: // строка комментариев Блочный комментарий: /* текст комментариев */

7 Переменные: типы данных Целые числа; Вещественные числа (дробные); Символы; Строки символов; Объекты.

8 Декларация переменных var a, b var i=3 var pi=3.14 var ch=e var str=aaaaa

9 Арифметические операции Обозначение Операция +Сложение -Вычитание и унарный минус *Умножение /Деление %Модуль от целочисленного деления &Поразрядное И |Поразрядное ИЛИ ^Поразрядное исключающее ИЛИ <<Сдвиг влево >>Сдвиг вправо >>>Сдвиг вправо с заполненными нулями ~Побитовое деление (отрицание)

10 Логические операции Обозначение Операция ==Равно !=Не равно >Больше <Меньше >=>=Больше равно <=<=Меньше равно &&Логическое И (выражение считается истинным, если оба выражения истинны) ||Логическое ИЛИ (выражение считается истинным, если хотя бы одно из двух выражений истинно) !Логическое отрицание

11 Совмещение арифметических и логических операций с операцией присваивания Операция Комментарий a++Увеличить на единицу значение переменной a a--Уменьшить на единицу значение переменной a b += a Прибавить значение переменной a к значению переменной b и сохранить результат в переменной b b -= a Вычесть значение переменной a из значения переменной b и сохранить результат в переменной b b *= a Умножить значение переменной a на значение переменной b и сохранить результат в переменной b b /= a Разделить значение переменной b на значение переменной a и сохранить результат в переменной b b %=a Взять остаток от целочисленного деления значения переменной b на значение переменной a и сохранить результат в переменной b b <<= a Провести побитовый сдвиг влево значения переменной b на количество битов, определяемых переменной a, и сохранить результат в переменной b b >>= a Провести побитовый сдвиг вправо значения переменной b на количество битов, определяемых переменной a, и сохранить результат в переменной b b >>>= a Провести побитовый сдвиг вправо с заполнением нулями значения переменной b на количество битов, определяемых переменной a, и сохранить результат в переменной b b &= a Выполнить операцию «побитовое И» для значений переменных a и b и сохранить результат в переменной b b ^= a Выполнить операцию «исключающее побитовое ИЛИ» для значений переменных a и b и сохранить результат в переменной b b |= a Выполнить операцию «побитовое ИЛИ» для значений переменных a и b и сохранить результат в переменной b

12 Особенности использования арифметических операций ++ и -- --a и ++a – префиксная операция (приоритет: сначала арифметическая операция, затем – приравнивание полученного результата); a-- и a++ - постфиксная операция (приоритет: сначала приравнивание результата, затем – арифметическая операция).

13 Особенности использования арифметических операций ++ и -- ">

14 Влияние постфиксной и префиксной операции на результат выполнения условных операторов ">

15 Операторы ветвления if (условие) { // первый_блок_операторов } else { // второй_блок_операторов }

5) document.writeln("a больше 5 "); if(a "); if(a>=7) document.writeln("a больше или равно 7 "); if" title="Пример использования оператора условия if…else 5) document.writeln("a больше 5 "); if(a "); if(a>=7) document.writeln("a больше или равно 7 "); if"> 5) document.writeln("a больше 5 "); if(a "); if(a>=7) document.writeln("a больше или равно 7 "); if(a "); if(a!=25) document.writeln("a не равно 25 "); //-->"> 5) document.writeln("a больше 5 "); if(a "); if(a>=7) document.writeln("a больше или равно 7 "); if" title="Пример использования оператора условия if…else ">

18 Использование логических значений true и false в операторе if…else ">

19 Использование вложенных конструкций с операторами if…else ">

20 Использование вложенного оператора if…else как отдельного блока ">

21 Условная операция ? Результат = условие ? выражение 1 : выражение 2;

22 Использование условной операции ? ">

23 Оператор switch Switch (управляющее_выражение) { case значение_константы 1: оператор 1; break; case значение_константы 2: оператор 2; break; case значение_константы 3: оператор 3; break; … default : оператор 4; }

24 Пример использования оператора switch ">

25 Операторы цикла Цикл – синтаксическая конструкция, позволяющая многократно повторять выполнение одного или группы операторов.

26 Операторы цикла While – цикл выполняется, пока выполняется заданное условие; Do while – цикл выполняется, пока выполняется условие, но всегда выполняется не менее одного раза, независимо от исходного значения условия; For – цикл с заданным количеством итераций.

27 Операторы цикла Число повторений зависит от типа используемой конструкции и результатов проверки условия выполнения цикла. Прекращение выполнения цикла происходит в следующих случаях: 1. Перестало выполняться условие цикла. 2. В теле цикла был выполнен оператор break. 3. В теле цикла был выполнен оператор return. Continue – выполняется переход на начало цикла.

28 Оператор цикла while while (условие) { // блок операторов (тело цикла) }

29 Пример использования оператора цикла while ">

30 Оператор цикла do…while do { // блок операторов (тело цикла) } while (условие)

31 Пример использования оператора цикла do…while ">

32 Оператор цикла for for (выражение 1; выражение 2; выражение 3 ) { // блок операторов (тело цикла) } выражение 1 while (выражение 2) { // блок операторов (тело цикла) // выражение 3 } Аналогично

33 Использование оператора цикла for ">

34 Оператор цикла for in for (переменная in объект ) { // блок операторов (тело цикла) }

35 Пример использования оператора цикла for in ">

36 Оператор break ">

37 Оператор continue ">