Слайды и текст этой онлайн презентации
Слайд 1
WEB – ПРОГРАММИРОВАНИЕ
Уроки практического программирования
УРОК 2
Переменные и операторы
Слайд 2
Переменные
ПЕРЕМЕННАЯ – ?...
контейнер для хранения данных.
Переменная имеет имя – это….?
последовательность букв, цифр и символа подчеркивания
без пробелов,
без знаков препинания,
начинается обязательно с буквы или символа подчеркивания.
Правила записи имен переменных:
Слайд 3
Переменные
Правильные имена:
НЕ правильные имена:
Java Script является регистрозависимым языком.
Это значит, что изменение регистра символа
( с прописной на строчную и наоборот)
в имени переменной приводит к другой переменной.
Например:
Variable, variable, vaRiabLe - различные переменные!
Слайд 4
Переменные
Инициализация переменных в коде программы осуществляется с помощью служебного слова VAR, причем так как Java Script является слаботипизированным языком – объявление переменной и её типа является не обязательным.
Переменной присваивается строковое значение: MyGrup = “P2012”
Инициализация переменной без присвоения значения: VAR MyGrup
Инициализация переменной с одновременным присвоением значения: VAR MyGrup = “P2012”
Одновременная инициализация нескольких переменных с присвоением значения: VAR MyGrup = “P2012”, MySpetc = “230105.51”
Слайд 5
Область действия переменных
Переменной которые созданы в программе с помощью оператора присваивания с использованием ключевого слова VAR или без него, являются ГЛОБАЛЬНЫМИ.
=>
Это значит, что переменные доступны всюду в этой программе, а также в вызываемых программах из других файлов. Эти же переменные доступны внутри кода функции.
Переменные объявленные внутри кода функции являются ЛОКАЛЬНЫМИ и не доступны из внешнего кода программы.
Слайд 6
Область действия переменных
Область видимости переменной;
Область доступности переменной;
Область действия переменной.
Кроме них еще существует термин
– ВРЕМЯ ЖИЗНИ ПЕРЕМЕННОЙ.
В Java Script время жизни переменной
определяется интервалом времени от загрузки до выгрузки программы из памяти компьютера.
Так, если программа (сценарий) записаны в HTML – коде web – страницы, то после выгрузки весь сценарий вместе с определенными в нем переменными прекращает активное существование.
эквивалентные понятия
Слайд 7
ОПЕРАТОРЫ
Операторы предназначены для составления выражения. Оператор применяется к одному или нескольким данным, которые в этом случае называются операндами.
// - одна строка символов
/* … */ - все что заключено между /* и */; несколько строк комментария
Слайд 8
АРИФМЕТИЧЕСКИЕ ОПЕРАТОРЫ
Слайд 9
АРИФМЕТИЧЕСКИЕ ОПЕРАТОРЫ
Если один операнд строкового типа, а другой логического, то в случае сложения интерпретатор переведет оба операнда в строковый тип и возвратит стоку – результат конкатенации строк, в случае же других арифметических операторов он переведет оба операнда в числовой тип:
ВЫРАЖЕНИЕ РЕЗУЛЬТАТ
«программист» + true // «программист true»
«5» + true // «5true»
«программист» * true // NaN «не число»
5 *true // число 5
5 *false // число 0
5 /true // число 5
Слайд 10
Дополнительные ОПЕРАТОРЫ присваивания
Дополнительные операторы присваивания просто сокращают запись кода программы. По началу можно пользоваться обычным оператором присваивания.
Слайд 11
ОПЕРАТОРЫ СРАВНЕНИЯ
Сравнивать можно числа, логические значения и строки. Сравнение строк происходит путем сравнения ASCII кодов.
Слайд 12
ЛОГИЧЕСКИЕ ОПЕРАТОРЫ
Оператор ОТРИЦАНИЯ применяется к одному операнду, операторы И, ИЛИ к двумя операндам.
Логические операторы лучше НЕ ПРИМЕНЯТЬ к данным НЕ ЛОГИЧЕСКОГО ТИПА или к данным РАЗЛИЧНЫХ ТИПОВ.
Слайд 13
ОПЕРАТОРЫ условного перехода
Оператор IF
IF (условие)
{
блок операторов
}
Else
{
блок операторов
}
УСЛОВИЕ – ВЫРАЖЕНИЕ ЛОГИЧЕСКОГО ТИПА!
Однако в Java Script в качестве условия может выступать числовое или строковое выражение. В первом случае, условие будет считаться истинным если значение равно числу отличному от нуля, во втором случае строка является истинной если не является пустой- «»!
блок ELSE является не обязательным и при не полном ветвлении может быть опущен.
МОЖНО ИСПЛЬЗОВАТЬ ВЛОЖЕННЫЕ ВЕТВЛЕНИЯ!
Слайд 14
ОПЕРАТОРЫ условного перехода
Оператор IF
ПРИМЕР:
Необходимо проверить ввел ли пользователь данные. Предположим, данные введенные пользователем должны сохранятся в переменной Х.
Слайд 15
ОПЕРАТОРЫ условного перехода
Так как в данном примере, ветвление является не полным и содержит всего лишь один оператор, то фигурные скобки можно опустить.
Слайд 16
ОПЕРАТОРЫ условного перехода
Оператор Switch
switch (выражение) {
Case вариант 1:
Код
[break]
Case вариант 2:
Код
[break]
[default:
код]
}
Ключевые слова default и break могут быть опущены.
Если Break указан, то выполнение всех остальных операторов не производится. Блок операторов Default выполняется еcли искомого значения не найдено!
Слайд 17
ОПЕРАТОРЫ условного перехода
Оператор Switch
Пример 1:
x=2
x=3
x=4
Слайд 18
ОПЕРАТОРЫ условного перехода
Переменная xlang содержит название языка, который выбрал пользователь и ввел в поле формы.
Оператор Switch
Пример 2:
Слайд 19
ОПЕРАТОРЫ ЦИКЛА
Начальное выражение определяет значение счетчика в начале выполнения цикла. Начальное выражение выполняется только один раз.
Оператор FOR
ЦИКЛ С ПАРАМЕТРОМ.
Многократное повторение тела цикла.
Количество повторений зависит от значений параметра цикла.
Квадратные скобки в записи
параметров цикла указывают
на их не обязательность:
параметр – условие, представляет собой условие продолжения выполнения оператора цикла.
Третий параметр – представляет собой выражение, которое выполняется после выполнения каждой итерации.
FOR ([начальное выражение];[условие]:[выражение обновления])
{
тело цикла
}
Слайд 20
ОПЕРАТОРЫ ЦИКЛА
Необходимо вывести на экран все нечетные числа от 1 до 10 и посчитать их сумму.
Оператор FOR
Пример 1
Слайд 21
ОПЕРАТОРЫ ЦИКЛА
Оператор FOR
Пример 2
X=3
Слайд 22
ОПЕРАТОРЫ ЦИКЛА
Оператор FOR
Пример 2
Слайд 23
ОПЕРАТОРЫ ЦИКЛА
Внутри тела цикла можно использовать оператор прерывания цикла (break) и оператор прерывания текущей итерации цикла (continue).
Оператор break
Оператор continue
Прерывает выполнение оператора цикла и выходит из цикла.
Прерывает выполнение итерации цикла и переходит к следующей итерации.
Слайд 24
ОПЕРАТОРЫ ЦИКЛА
Оператор while
ФОРМАТ ЗАПИСИ:
while (условие)
{
Тело цикла
}
Цикл с предусловием или цикл «ПОКА»
Пока условие истинно выполняются операторы тела цикла !
Слайд 25
Сравните с параметрами цикла FOR:
Цикл «ПОКА»
Слайд 26
ОПЕРАТОРЫ ЦИКЛА
Оператор do…while
ФОРМАТ ЗАПИСИ:
Do {
Тело цикла
}
while (условие)
Цикл с постусловием или цикл «ДО»
ДО тех пор, пока условие истинно выполняются операторы тела цикла !