методичка к 3 уроку
.pdfУрок 3. Основы программирования
О чем урок:
знакомство с javascript
переменные
типы данных
ветвления
функции
практика
Смотреть урок: [Урок_03.exe]
JavaScript
Теперь, после того как в первых двух уроках мы познакомились с самыми базовыми вещами, нам нужно выбрать конкретный язык программирования, на котором Вы будете писать свои первые программы. Почему же наш выбор пал на javascript? Дело в том, что практически все языки программирования требуют установки на компьютер специальной среды разработки. А вот с javascript всё гораздо проще – исполняемой средой является браузер.
Браузер – программное обеспечение для просмотра веб-сайтов. У Вас на компьютере 100% установлен хотя бы один браузер, а это значит, что мы сможем приступить к написанию программ, не тратя время на установку специальной среды разработки, которая понадобилась бы для большинства других языков программирования.
Для того чтобы начать писать на javascript, необходимо выполнить 2 действия:
1.создать файл с расширением html
2.прописать внутри него специальную секции под javascript-код
Для создания HTML документа подойдёт любой текстовый редактор, в том числе, «Блокнот» Windows. Однако, мы рекомендуем использовать специализированный редактор, в котором намного удобнее писать код, например Notepad++. Установите его себе на компьютер. После этого создайте новый документ и сохраните его с расширением html.
Теперь откройте данный файл с помощью notepad++ и пропишите там следующее:
<script language="javascript">
</script>
Всё! Площадка для написания программ уже готова! Весь javascript-код мы будем писать между двумя данными строчками. Например, напишите там:
alert('Hello, JavaScript!');
В notepad++ это должно выглядеть следующим образом:
Сохраните изменения в файле и запустите его с помощью двойного клика левой кнопкой мыши. Теперь файл откроется уже не в notepad++, а в браузере. Если Вы всё сделали правильно, то при запуске в браузере должно было появиться всплывающее окошко с приветствием. Например, в Mozilla Firefox это будет выглядеть так:
Поздравляем! Только что Вы написали свою первую программу!
Переменные
Переменная - область памяти, адрес которой можно использовать для осуществления доступа к данным. Данные, находящиеся в переменной, называются значением этой переменной.
Переменные в javascript объявляются с помощью специального слова var.После него через пробел идёт имя переменной, затем оператор присваивания и значение данной переменной. В конце каждой команды нужно ставить знак ; (точка с запятой) . Например,
var x = 100;
Сейчас мы объявили переменную x, в которую записали значение 100. Считать значение переменной мы можем, просто написав её имя, например,
alert(x);
По ходу выполнения скрипта мы также можем менять значение данной переменной. Для этого следует воспользоваться оператором присваивания, справа от которого мы напишем новое значение:
x = 100;
Обратите внимание, что слово var мы используем только при объявлении переменной. Когда же мы меняем значение уже существующей переменной, то слева от оператора присваивания пишем только её название.
Типы данных
В языке javascript существует три простых типа данных: численный, строковый и булевский. Когда мы создаём переменную, то записываем в неё данные какого-то определённого типа. Он определяется тем, что мы напишем справа от оператора присваивания, например:
var x = 100; // численная переменная
var x = ‘какая-то строчка’; // строковая переменная
var x = true; // булевская переменная
var x = 100.5; // снова численная переменная
Ветвления
Ветвление - выполнение определённой команды (набора команд) только при условии истинности некоторого логического выражения. В javascript-е ветвление выглядит следующим образом:
If(условие)
{
Блок операторов; // выполнится, если условие истинно
}
else
{
Блок операторов; // выполнится, если условие истинно
}
Обычно условием является операция сравнения, либо несколько таких операций, объединённых логическими связками (И, ИЛИ). Если по условию нужно выполнять всего один оператор, то можно не ставить фигурные скобки, например:
var a = 3; var b = 5; if(a > b)
alert(a);
else
alert(b);
Данная программа находит большее из двух чисел. Давайте усложним задачу. Вспомните алгоритм нахождения наибольшего из трёх чисел, который Вы составляли во время предыдущего урока.
var a = 3;
var b = 5;
var с = 7;
if(a > b)
{
if(a > c)
alert(a);
else
alert(c);
}
else
{
if(b > c)
alert(b);
else
alert(c);
}
Функции
Представьте теперь ситуацию, что в программе Вам снова нужно найти большее из трёх чисел. Неужели придётся снова писать столько же строк кода, как и в первый раз? Да, если мы не будем использовать функции.
По сути, создание функции – это создание некоторого автономного работника внутри программы. Мы будем передавать ему данные на вычисление, а он будет возвращать нам результат. Ещё функцию можно сравнить с подпрограммой (маленькая программка внутри основной).
Функция в языке javascript объявляется с помощью слова function. За ним следует название функции, которое мы придумываем сами. Затем в круглых скобках через запятую указываются параметры, которые данная функция принимает. По сути, параметры – это входные данные для функции, над которыми она будет выполнять какую-то работу. После указания параметров в фигурных скобках следует тело функции.
параметры
тело функции
название функции
Тело функции – набор команд, которые она выполняет. В примере, показанном на картинке выше, функция вызывает всплывающее окошко. В нём отобразится значение на 1 большее, чем записано в переменной x, которую функция приняла как параметр.
В идеале функция должна не только выполнять какие-то действия над принятыми данными, но и возвращать нам результат вычисления. Для этого существует специальный оператор return.
Напишем функцию для поиска наибольшего из трёх чисел. Она будет принимать три параметра (входные данные, как раз-таки эти самые числа). Выходными данными будет наибольшее из чисел.
function max(a, b, c)
{
if(a > b)
{
if(a > c)
return (a);
else
return (c);
}
else
{
if(b > c)
return (b);
else
return (c);
}
}
Функция написана и готова к использованию. Теперь для поиска наибольшего из трёх чисел нам не нужно много раз копировать один и тот же код. Достаточно написать:
var max = max(4, 3, 2);
Для того чтобы найти наибольшее для других трёх чисел, достаточно поменять параметры, которые мы передаём в функцию, например:
var max1 = max(40, 34, 28);
В этом и заключается основный смысл функций. Мы создаём работника, которым в дальнейшем пользуемся для получения результата.
Самоконтроль
где выполняется javascript-код
какое расширение у файла, в котором мы будем писать на javascipt
javascript интерпретируемый или компилируемый язык
как объявить переменную
как считать значение из переменной
как поменять значение переменной
какие типы данных есть в javascript
конструкция if-else
что такое функция
зачем нам нужны функции
оператор return
Домашнее задание
1.Написать функцию, которая принимает одно число и сообщает чётное оно или нечётное.
2.Функция принимает 3 числа. Наибольшее из этих чисел нужно разделить на наименьшее. Вернуть данный результат с помощью оператора return.