Добавить материал и получить бесплатное свидетельство о публикации
версия для слабовидящих
Главная / Другое / Презентация на тему "Основы языка JavaScript"

Презентация на тему "Основы языка JavaScript"

Курсы профессиональной переподготовки от Московского учебного центра "Профессионал"

Специально для учителей, воспитателей и других работников системы образования только до 31 августа действуют скидки до 50% при обучении на курсах профессиональной переподготовки (184 курса на выбор).

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

Подайте заявку на интересующий Вас курс сейчас: ВЫБРАТЬ КУРС


Основы языка JavaScript Преподаватель: Егорова Наталья Александровна
JavaScript появился благодаря усилиям двух компаний – Netscape (Mozilla) и Su...
Возможности JavaScript: создание динамических страниц, реагирующих на действи...
Способы размещения JavaScript кода включение кодов JavaScript между тэгами  и...
1. Включение JavaScript между тэгами  и  Для включения фрагментов программы н...
2. Подключения внешнего файла с JavaScript Для подключения внешнего файла с J...
Нельзя совместить в одном тэге-контейнере  и  внутреннее и внешнее подключени...
3. Использование событий Для HTML-тега назначается событие, при выполнении ко...
Правила объявления переменных Переменная – это именованная область в оператив...
1. Объявление переменных выполняется с помощью ключевого слова var: var i; va...
3. Присвоить какое-либо значение переменной можно с помощью оператора присваи...
4. Объявление переменных можно совмещать с их инициализацией. Инициализация –...
5. Переменные в JavaScript не имеют типа, ей может быть присвоено значение лю...
Имена переменных. Идентификаторы Идентификатор – последовательность букв, циф...
3. JavaScript чувствителен к регистру символов, следует учитывать регистр при...
Примеры допустимых идентификаторов x my_var _myCar2 $cash
Зарезервированные слова JavaScript резервирует ряд идентификаторов, которые и...
Инструкции 1. Любая программа состоит из последовательности инструкций. Инстр...
2. Использование точки с запятой для указания конца инструкции не является об...
4. Хорошей практикой в программировании является использование точки с запято...
Чувствительность к регистру Язык JavaScript чувствителен к регистру символов....
Комментарии Комментарии – пояснения к исходному коду программы, оформленные п...
Литералы Литерал (константа) – запись в исходном коде программы, представляющ...
Типы данных JavaScript Типы данных в JavaScript делятся на две категории: про...
К составным типам данных относятся: Function - функции Array - массивы Object...
Числа Для представления чисел в JavaScript используется 64-битный формат, опр...
Специальные числовые значения В JavaScript имеются предопределённые глобальны...
Строки В JavaScript строка - это неизменяемая, упорядоченная последовательнос...
Строки заключённые в двойные кавычки могут содержать символы одиночных кавыче...
Выражения Любая комбинация переменных и операций, которая может быть вычислен...
Выражения и операторы - это не одно и то же. Операторы являются указанием сов...
Операции Операция представляет собой символ, благодаря которому производятся...
Присваивание Операция присваивания выглядит как знак равенства =, она присваи...
Арифметические операции
Инкремент и декремент var count = count + 1; или count += 1; или ++count; Опе...
Знак операции инкремента бывает: в префиксной форме, когда он расположен пере...
Составные операции присваивания var x = 5; x = x + 30; 				 x += 30; Составны...
Операции сравнения
Логические операции Логические операции позволяют сравнивать результаты работ...
Оператор if (если) Оператор if позволяет интерпретатору JavaScript выполнять...
В операторе if сначала вычисляется выражение. Если полученный результат услов...
Если тело содержит нескольких операторов в одном блоке (тело), то они заключа...
Пример var num = prompt("Введите любое число",""); if(num > 5){ document.writ...
Оператор if else Используется, если необходимо совершить одно действие в случ...
Пример var num = prompt("Введите любое число",""); if(num >= 10){ document.wr...
Вложенный оператор if Оператор if является вложенным, если он находится внутр...
Конструкция if-else-if Используется при необходимости проверки несколько усло...
Условные выражения в такой конструкции вычисляются сверху вниз. Как только об...
Домашнее задание 1: 1. Возьмите две переменные с числовыми значениями, наприм...
Условный оператор if (a < b) x = a; else x = b; Тернарный оператор Тернарный...
Пример    var x; var a = 10; var b = 15; x = (a < b) ? a : b; document.write(...
Оператор switch Используется, если в программе присутствует большое дерево ве...
Пример var x = 3; switch(x){ case 1: //if(x === 1) document.write("x равен 1"...
Программа выводит одно из трех сообщений в зависимости от того, какое из чисе...
Пример (без использования оператора break) var x = 1+1; switch(x){ case 1: do...
Ключевое слово default Предназначено для того, чтобы программа могла выполнит...
Пример var x = 3+3; switch(x){ case 1: document.write("x равен 1"); break; ca...
Циклы Действие циклов заключается в последовательном повторении определенной...
Виды циклов: for, while; do while.
Цикл for Цикл for организует выполнение фрагмента программы фиксированное чис...
Пример На экран выводятся квадраты целых чисел от 0 до 14: var i; for(i = 0;...
Инициализирующее выражение - представляет из себя оператор присваивания, зада...
Цикл while Содержит условие выполнения цикла, но не содержит ни инициализирую...
Пример var n = 0; while(n != 5){ document.write(n + " "); n++; //если из кода...
Цикл do while Условие выполнения цикла располагается не перед, а после тела ц...
Домашнее задание: 1. Что делает следующий цикл for? Каково финальное значение...
Операторы break и continue Оператор break производит выход из цикла. Следующи...
С помощью оператора continue можно организовать преждевременное завершение ша...
Функции JavaScript Функция – это блок кода на языке JavaScript, который опред...
Определение и вызов функций Функция определяется с помощью ключевого слова fu...
Пример //определение функции function starline() { for(var i = 0; i < 45; i++...
Область видимости глобальных и локальных переменных Область видимости перемен...
Внутри тела функции локальная переменная имеет преимущество перед глобальной...
Пример var x = "глобальная"; function checkscope() { var x = "локальная"; doc...
Параметры и аргументы Параметры указываются в определении функции внутри круг...
Пример function getstr(car, place) { document.write('Моя машина - ' + car + '...
В JavaScript при установке параметров для функции не указывается ключевое сло...
У функции может быть сколько угодно параметров. При назначении функции нескол...
Оператор return Оператор return применяется для возврата результата работы фу...
Пример return имя_переменной; return "строка1 " + "строка 2"; return true; re...
Оператор return может использоваться без значения, чтобы прекратить выполнени...
В функции может использоваться не один, а несколько операторов return: functi...
Выбор имени функции Имя функции следует выбирать по тем же правилам что и имя...
Диалоговые окна alert("Текст сообщения"); Выводит диалоговое окно с заданным...
‹‹
1 из 87
››

Описание презентации по отдельным слайдам:

№ слайда 1 Основы языка JavaScript Преподаватель: Егорова Наталья Александровна
Описание слайда:

Основы языка JavaScript Преподаватель: Егорова Наталья Александровна

№ слайда 2 JavaScript появился благодаря усилиям двух компаний – Netscape (Mozilla) и Su
Описание слайда:

JavaScript появился благодаря усилиям двух компаний – Netscape (Mozilla) и Sun Microsystems (Oracle). JavaScript позволяет создавать приложения, выполняемые как на стороне клиента, т.е. эти приложения выполняются браузером на компьютере пользователя, так и на стороне сервера.

№ слайда 3 Возможности JavaScript: создание динамических страниц, реагирующих на действи
Описание слайда:

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

№ слайда 4 Способы размещения JavaScript кода включение кодов JavaScript между тэгами  и
Описание слайда:

Способы размещения JavaScript кода включение кодов JavaScript между тэгами <script> и </script>; подключение внешнего файла с кодами JavaScript с помощью тэга <script>; использование кодов JavaScript непосредственно в тэгах HTML при задании обработчиков событий.

№ слайда 5 1. Включение JavaScript между тэгами  и  Для включения фрагментов программы н
Описание слайда:

1. Включение JavaScript между тэгами <script> и </script> Для включения фрагментов программы на JavaScript или другом скрипте (объявлений переменных, описаний функций, операторов, вызовов функций и др.) обычно используется следующий шаблон: <script [language="Язык программирования, на котором написан скрипт"] [src="Адрес файла со скриптом"]> программный код JavaScript </script> Если при разработке сценария используется язык JavaScript, то параметр language можно не указывать.

№ слайда 6 2. Подключения внешнего файла с JavaScript Для подключения внешнего файла с J
Описание слайда:

2. Подключения внешнего файла с JavaScript Для подключения внешнего файла с JavaScript-кодами используются те же самые тэги <script> и </script>, но в отличие от внутреннего встраивания тэг содержит параметр src, который задает URL-адрес внешнего файла с фрагментами JavaScript. <script src=“Myscript.js” > </script> js – стандартное расширение для JavaScript-файлов.

№ слайда 7 Нельзя совместить в одном тэге-контейнере  и  внутреннее и внешнее подключени
Описание слайда:

Нельзя совместить в одном тэге-контейнере <script> и </script> внутреннее и внешнее подключение кодов JavaScript. Теги <script> могут использоваться в любом разделе HTML-документа и в любом количестве.

№ слайда 8 3. Использование событий Для HTML-тега назначается событие, при выполнении ко
Описание слайда:

3. Использование событий Для HTML-тега назначается событие, при выполнении которого выполняется JavaScript код. Пример <input type=button value="Кнопка" onMouseOver="window.alert(‘Добрый день’);">

№ слайда 9 Правила объявления переменных Переменная – это именованная область в оператив
Описание слайда:

Правила объявления переменных Переменная – это именованная область в оперативной памяти компьютера, предназначенная для хранения различной информации.

№ слайда 10 1. Объявление переменных выполняется с помощью ключевого слова var: var i; va
Описание слайда:

1. Объявление переменных выполняется с помощью ключевого слова var: var i; var sum; 2. Один раз использовав ключевое слово var, можно объявить несколько переменных, перечислив их через запятую: var i, sum;

№ слайда 11 3. Присвоить какое-либо значение переменной можно с помощью оператора присваи
Описание слайда:

3. Присвоить какое-либо значение переменной можно с помощью оператора присваивания, который обозначется символом (=) var num, msg; num = 10; msg = "Hello";

№ слайда 12 4. Объявление переменных можно совмещать с их инициализацией. Инициализация –
Описание слайда:

4. Объявление переменных можно совмещать с их инициализацией. Инициализация – это одновременное выполнение двух действий: объявление переменной и присвоение ей начального значения: var num = 10; var str = "hello"; var i = 0, j = 1, m = 'a';

№ слайда 13 5. Переменные в JavaScript не имеют типа, ей может быть присвоено значение лю
Описание слайда:

5. Переменные в JavaScript не имеют типа, ей может быть присвоено значение любого типа и позднее этой же переменной может быть присвоено значение другого типа. var x = 10; x = "текст"; 6. Если при объявлении переменной ей не было присвоено никакое значение (не была инициализирована), она будет содержать значение undefined (в переводе с англ. неопределённое), пока ей не будет присвоено другое значение.

№ слайда 14 Имена переменных. Идентификаторы Идентификатор – последовательность букв, циф
Описание слайда:

Имена переменных. Идентификаторы Идентификатор – последовательность букв, цифр, а также специальных символов. Идентификаторы выступают в качестве имен переменных, функций, свойств объекта, и т.д. При выборе идентификатора необходимо учитывать: 1. Идентификаторы не могут совпадать ни с одним из ключевых (зарезервированных) слов JavaScript. Для интерпретатора они имеют специальное значение, т.к. являются частью синтаксиса языка. 2. Идентификаторы могут состоять из одного и более символов.

№ слайда 15 3. JavaScript чувствителен к регистру символов, следует учитывать регистр при
Описание слайда:

3. JavaScript чувствителен к регистру символов, следует учитывать регистр при обращении к переменным, функциям и т.д. 4. Идентификаторы могут начинаться с буквы, символа подчеркивания (_) или знака доллара ($). Далее могут следовать любые буквы, цифры, знаки доллара, или символы подчеркивания.

№ слайда 16 Примеры допустимых идентификаторов x my_var _myCar2 $cash
Описание слайда:

Примеры допустимых идентификаторов x my_var _myCar2 $cash

№ слайда 17 Зарезервированные слова JavaScript резервирует ряд идентификаторов, которые и
Описание слайда:

Зарезервированные слова JavaScript резервирует ряд идентификаторов, которые играют роль ключевых слов самого языка.

№ слайда 18 Инструкции 1. Любая программа состоит из последовательности инструкций. Инстр
Описание слайда:

Инструкции 1. Любая программа состоит из последовательности инструкций. Инструкция является указанием на совершение какого-либо действия. Окончание инструкции обозначается символом "точка с запятой" (;). var myNumber = 12;

№ слайда 19 2. Использование точки с запятой для указания конца инструкции не является об
Описание слайда:

2. Использование точки с запятой для указания конца инструкции не является обязательным условием. В JavaScript между инструкциями можно не ставить точку с запятой, если они находятся на разных строках. первая инструкция вторая инструкция 3. При размещении инструкций на одной строке, их надо обязательно разделять с помощью точки с запятой, тем самым сообщая интерпретатору, где заканчивается первая инструкция и начинается следующая. первая инструкция; вторая инструкция;

№ слайда 20 4. Хорошей практикой в программировании является использование точки с запято
Описание слайда:

4. Хорошей практикой в программировании является использование точки с запятой всегда, даже если инструкции расположены на разных строках. Это поможет сделать ваш код более читабельным и возможно избежать в дальнейшем непредвиденных ошибок во время исполнения программы.

№ слайда 21 Чувствительность к регистру Язык JavaScript чувствителен к регистру символов.
Описание слайда:

Чувствительность к регистру Язык JavaScript чувствителен к регистру символов. Например: ключевое слово switch должно быть написано как switch, а не Switch или SWITCH, так же и имена переменных myVar, MYVAR или MyVar - будут считаться, как имена трех различных переменных.

№ слайда 22 Комментарии Комментарии – пояснения к исходному коду программы, оформленные п
Описание слайда:

Комментарии Комментарии – пояснения к исходному коду программы, оформленные по правилам, определённым языком программирования. Функции комментариев: помогают правильно понять текст программы; временное исключение части кода программы. Виды комментариев: однострочный; // это однострочный комментарий многострочный. /* Это многострочный комментарий. Он расположен на нескольких строках */

№ слайда 23 Литералы Литерал (константа) – запись в исходном коде программы, представляющ
Описание слайда:

Литералы Литерал (константа) – запись в исходном коде программы, представляющая собой обычное фиксированное значение. Литералы представляют собой константы, непосредственно включаемые в текст программы, в отличие от прочих данных - констант и переменных, обращение к которым осуществляется посредством ссылок. Литералы не могут быть изменены в тексте программы. var num = 14; var fish = "Кит"; 14 и "Кит" - литералы, num и fish - переменные

№ слайда 24 Типы данных JavaScript Типы данных в JavaScript делятся на две категории: про
Описание слайда:

Типы данных JavaScript Типы данных в JavaScript делятся на две категории: простые (примитивные) типы; составные (объекты). К категории простых типов относятся: String - текстовые строки (строки) Number - числа Boolean - логические (булевы) значения null undefined

№ слайда 25 К составным типам данных относятся: Function - функции Array - массивы Object
Описание слайда:

К составным типам данных относятся: Function - функции Array - массивы Object - объекты

№ слайда 26 Числа Для представления чисел в JavaScript используется 64-битный формат, опр
Описание слайда:

Числа Для представления чисел в JavaScript используется 64-битный формат, определяемый стандартом IEEE 754. Этот формат способен представлять числа в диапазоне от 5e-324 до 1.7976931348623157e+308. Все числа в JavaScript представляются вещественными значениями (с плавающей точкой), т.е. нет различий между целыми и вещественными значениями. var bigNumber = 3.52e5; Любому числовому литералу может предшествовать знак минус (-), делающий число отрицательным.

№ слайда 27 Специальные числовые значения В JavaScript имеются предопределённые глобальны
Описание слайда:

Специальные числовые значения В JavaScript имеются предопределённые глобальные переменные Infinity и NaN. Переменная Infinity хранит специальное значение обозначающее бесконечность, переменная NaN также хранит специальное значение NaN (NaN сокращение от англ. Not a Number - не число). Значение бесконечности можно получить в результате деления числа на 0: alert(123 / 0); // Infinity

№ слайда 28 Строки В JavaScript строка - это неизменяемая, упорядоченная последовательнос
Описание слайда:

Строки В JavaScript строка - это неизменяемая, упорядоченная последовательность 16-битных значений, каждое из которых представляет символ Юникода. Строки состоят из нуля и более символов. Символы включают в себя буквы, цифры, знаки пунктуации, специальные символы и пробелы. Строки должны быть заключены в кавычки. Использовать можно одиночные кавычки (апострофы) или двойные кавычки. var myColor = "red"; var myColor = 'red';

№ слайда 29 Строки заключённые в двойные кавычки могут содержать символы одиночных кавыче
Описание слайда:

Строки заключённые в двойные кавычки могут содержать символы одиночных кавычек и наоборот. "одинарные 'кавычки' внутри двойных" 'здесь "наоборот" '

№ слайда 30 Выражения Любая комбинация переменных и операций, которая может быть вычислен
Описание слайда:

Выражения Любая комбинация переменных и операций, которая может быть вычислена интерпретатором для получения значения, называется выражением. Примеры alpha + 19 (alpha - 37)*beta/2 Результатом выполнения всех операций, входящих в состав выражения, является значение.

№ слайда 31 Выражения и операторы - это не одно и то же. Операторы являются указанием сов
Описание слайда:

Выражения и операторы - это не одно и то же. Операторы являются указанием совершить какое-либо действие и завершаются точкой с запятой. Выражения же определяют некоторую совокупность вычислений. В одном операторе могут присутствовать несколько выражений.

№ слайда 32 Операции Операция представляет собой символ, благодаря которому производятся
Описание слайда:

Операции Операция представляет собой символ, благодаря которому производятся некоторые виды вычислений, сравнений или присваиваний с участием одного или нескольких значений. Типы операций: арифметические, присваивания, сравнения, логические, поразрядные (побитовые). Значения, расположенные по сторонам операции, называются операндами.

№ слайда 33 Присваивание Операция присваивания выглядит как знак равенства =, она присваи
Описание слайда:

Присваивание Операция присваивания выглядит как знак равенства =, она присваивает значение, стоящее с правой стороны от нее, переменной, стоящей с левой стороны. Пример: var x = 20; var y = x + 32;

№ слайда 34 Арифметические операции
Описание слайда:

Арифметические операции

№ слайда 35 Инкремент и декремент var count = count + 1; или count += 1; или ++count; Опе
Описание слайда:

Инкремент и декремент var count = count + 1; или count += 1; или ++count; Операция ++ инкрементирует - увеличивает на единицу.

№ слайда 36 Знак операции инкремента бывает: в префиксной форме, когда он расположен пере
Описание слайда:

Знак операции инкремента бывает: в префиксной форме, когда он расположен перед своим операндом, в постфиксной форме, когда операнд записан перед знаком ++. totalWeight = avg * ++count; totalWeight = avg *count ++;

№ слайда 37 Составные операции присваивания var x = 5; x = x + 30; 				 x += 30; Составны
Описание слайда:

Составные операции присваивания var x = 5; x = x + 30; x += 30; Составные операции присваивания записываются более кратко, чем их несоставные эквиваленты. += -= *= /= %=

№ слайда 38 Операции сравнения
Описание слайда:

Операции сравнения

№ слайда 39 Логические операции Логические операции позволяют сравнивать результаты работ
Описание слайда:

Логические операции Логические операции позволяют сравнивать результаты работы двух условных операндов с целью определения факта возвращения одним из них или обоими значения true и выбора соответствующего продолжения выполнения сценария. Логические операции можно применять при необходимости одновременной проверки более одного условия и использования результатов этой проверки.

№ слайда 40
Описание слайда:

№ слайда 41 Оператор if (если) Оператор if позволяет интерпретатору JavaScript выполнять
Описание слайда:

Оператор if (если) Оператор if позволяет интерпретатору JavaScript выполнять те или иные действия в зависимости от условия.

№ слайда 42 В операторе if сначала вычисляется выражение. Если полученный результат услов
Описание слайда:

В операторе if сначала вычисляется выражение. Если полученный результат условия равен true или может быть преобразован в true, то оператор, расположенный в теле if, выполняется. Если результат условия равен false или преобразуется в false, то оператор не выполнится. Круглые скобки вокруг выражения являются обязательной частью синтаксиса оператора if.

№ слайда 43 Если тело содержит нескольких операторов в одном блоке (тело), то они заключа
Описание слайда:

Если тело содержит нескольких операторов в одном блоке (тело), то они заключаются в фигурные скобки. Таким образом строки кода рассматриваются как один оператор. Фигурные скобки рекомендуется использовать всегда, даже когда оператор один. Это улучшает читаемость кода.

№ слайда 44 Пример var num = prompt(&quot;Введите любое число&quot;,&quot;&quot;); if(num &gt; 5){ document.writ
Описание слайда:

Пример var num = prompt("Введите любое число",""); if(num > 5){ document.write("Число: ", num, " больше 5"); }

№ слайда 45 Оператор if else Используется, если необходимо совершить одно действие в случ
Описание слайда:

Оператор if else Используется, если необходимо совершить одно действие в случае выполнения условия и другое действие в случае невыполнения этого условия.

№ слайда 46
Описание слайда:

№ слайда 47 Пример var num = prompt(&quot;Введите любое число&quot;,&quot;&quot;); if(num &gt;= 10){ document.wr
Описание слайда:

Пример var num = prompt("Введите любое число",""); if(num >= 10){ document.write("Число: ", num, " больше или равно 10"); } else { document.write("Число: ", num, " меньше 10"); }

№ слайда 48 Вложенный оператор if Оператор if является вложенным, если он находится внутр
Описание слайда:

Вложенный оператор if Оператор if является вложенным, если он находится внутри другого оператора if или else. if(i) { if(a) оператор 1; if(b) оператор 2; else оператор 3; //этот else ассоциирован с if(b) } else оператор 4; //этот else ассоциирован с if(i) Последний оператор else не относится к if(a) потому, что он находится не во внутреннем блоке, этот else ассоциирован с if(i). Внутренний else ассоциирован с if(b), потому что этот if — ближайший к нему.

№ слайда 49 Конструкция if-else-if Используется при необходимости проверки несколько усло
Описание слайда:

Конструкция if-else-if Используется при необходимости проверки несколько условий и выборе правильного. if(условие){ оператор; } else if(условие){ оператор; } else if(условие){ оператор; } else оператор;

№ слайда 50 Условные выражения в такой конструкции вычисляются сверху вниз. Как только об
Описание слайда:

Условные выражения в такой конструкции вычисляются сверху вниз. Как только обнаружится истинное условие, выполняется связанный с ним оператор, а все остальные операторы в многоступенчатой конструкции игнорируются. Если ни одно из условий не является истинным, то выполняется последний оператор else, который зачастую служит в качестве условия, устанавливаемого по умолчанию. Когда же последний оператор else отсутствует, а все остальные проверки по условию дают ложный результат, то никаких действий вообще не выполняется.

№ слайда 51 Домашнее задание 1: 1. Возьмите две переменные с числовыми значениями, наприм
Описание слайда:

Домашнее задание 1: 1. Возьмите две переменные с числовыми значениями, например: a = 2 и b = 10 (числа могут быть любые). Напишите код, который выводит на экран одну из строк: если истинно условие (a > b) строку "a больше b", если (a < b) тогда строку "a меньше b", если (a == b) тогда строку "а равно b". Для вывода на экран можете использовать document.write() или alert().

№ слайда 52 Условный оператор if (a &lt; b) x = a; else x = b; Тернарный оператор Тернарный
Описание слайда:

Условный оператор if (a < b) x = a; else x = b; Тернарный оператор Тернарный оператор – это оператор, использующий более двух операндов. С помощью условного оператора предыдущий код можно записать следующим образом: x = (a < b) ? a : b;

№ слайда 53 Пример    var x; var a = 10; var b = 15; x = (a &lt; b) ? a : b; document.write(
Описание слайда:

Пример <html> <body> <script> var x; var a = 10; var b = 15; x = (a < b) ? a : b; document.write(x); </script> </body> </html>

№ слайда 54 Оператор switch Используется, если в программе присутствует большое дерево ве
Описание слайда:

Оператор switch Используется, если в программе присутствует большое дерево ветвлений и все ветвления зависят от значения какой-либо одной переменной. Оператор switch сравнивает значение переменной с различными вариантами. При сравнении используется операция строгого равенства "===".

№ слайда 55 Пример var x = 3; switch(x){ case 1: //if(x === 1) document.write(&quot;x равен 1&quot;
Описание слайда:

Пример var x = 3; switch(x){ case 1: //if(x === 1) document.write("x равен 1"); break; case 2: //if(x === 2) document.write("x равен 2"); break; case 3: //if(x === 3) document.write("x равен 3"); break; }

№ слайда 56 Программа выводит одно из трех сообщений в зависимости от того, какое из чисе
Описание слайда:

Программа выводит одно из трех сообщений в зависимости от того, какое из чисел находится в переменной x. Оператор break Завершает выполнение ветвления switch. Управление в этом случае передается первому оператору, следующему за конструкцией switch. Если значение переменной в операторе switch не совпадает ни с одним из значений констант, указанных внутри ветвления, то управление будет передано в конец switch без выполнения каких-либо других действий.

№ слайда 57 Пример (без использования оператора break) var x = 1+1; switch(x){ case 1: do
Описание слайда:

Пример (без использования оператора break) var x = 1+1; switch(x){ case 1: document.write("x равен 1"); case 2: document.write("x равен 2"); case 3: document.write("x равен 3"); }

№ слайда 58 Ключевое слово default Предназначено для того, чтобы программа могла выполнит
Описание слайда:

Ключевое слово default Предназначено для того, чтобы программа могла выполнить некоторую последовательность действий в том случае, если ни одно из значений констант не совпало со значением переменной в операторе switch.

№ слайда 59 Пример var x = 3+3; switch(x){ case 1: document.write(&quot;x равен 1&quot;); break; ca
Описание слайда:

Пример var x = 3+3; switch(x){ case 1: document.write("x равен 1"); break; case 2: document.write("x равен 2"); break; case 3: document.write("x равен 3"); break; default: document.write("С такими значениями не работаю"); }

№ слайда 60 Циклы Действие циклов заключается в последовательном повторении определенной
Описание слайда:

Циклы Действие циклов заключается в последовательном повторении определенной части вашей программы некоторое количество раз. Повторение продолжается до тех пор, пока выполняется соответствующее условие. Когда значение выражения, задающего условие, становится ложным, выполнение цикла прекращается, а управление передается оператору, следующему непосредственно за циклом.

№ слайда 61 Виды циклов: for, while; do while.
Описание слайда:

Виды циклов: for, while; do while.

№ слайда 62 Цикл for Цикл for организует выполнение фрагмента программы фиксированное чис
Описание слайда:

Цикл for Цикл for организует выполнение фрагмента программы фиксированное число раз. Как правило (хотя и не всегда), этот тип цикла используется, когда известно заранее, сколько раз должно повториться исполнение кода.

№ слайда 63 Пример На экран выводятся квадраты целых чисел от 0 до 14: var i; for(i = 0;
Описание слайда:

Пример На экран выводятся квадраты целых чисел от 0 до 14: var i; for(i = 0; i < 15; i++){ document.write("квадрат числа " + i + " = " + (i * i) + "<br>"); }

№ слайда 64
Описание слайда:

№ слайда 65 Инициализирующее выражение - представляет из себя оператор присваивания, зада
Описание слайда:

Инициализирующее выражение - представляет из себя оператор присваивания, задающий первоначальное значение переменной, которая выполняет роль счетчика и управляет циклом. Условие выполнения - это логическое выражение, определяющее необходимость повторения цикла. Итерация - выражение, определяющее величину, на которую должно изменяться значение переменной, управляющей циклом, при каждом повторе цикла. Выполнение цикла for будет продолжаться до тех пор, пока проверка условия дает истинный результат. Как только эта проверка даст ложный результат, цикл завершится, а выполнение программы будет продолжено с оператора, расположенного за циклом.

№ слайда 66 Цикл while Содержит условие выполнения цикла, но не содержит ни инициализирую
Описание слайда:

Цикл while Содержит условие выполнения цикла, но не содержит ни инициализирующих, ни инкрементирующих выражений. while(условие){ //оператор(ы) } В случае невыполнения условия при первой проверке тело цикла вообще не исполнялось.

№ слайда 67 Пример var n = 0; while(n != 5){ document.write(n + &quot; &quot;); n++; //если из кода
Описание слайда:

Пример var n = 0; while(n != 5){ document.write(n + " "); n++; //если из кода убрать эту строку, то цикл будет бесконечным }

№ слайда 68 Цикл do while Условие выполнения цикла располагается не перед, а после тела ц
Описание слайда:

Цикл do while Условие выполнения цикла располагается не перед, а после тела цикла. Пример var n = 0; do{ document.write(n + " "); n++; }while(n != 5); Используется ,когда необходимо выполнить тело цикла хотя бы один раз вне зависимости от истинности проверяемого условия.

№ слайда 69 Домашнее задание: 1. Что делает следующий цикл for? Каково финальное значение
Описание слайда:

Домашнее задание: 1. Что делает следующий цикл for? Каково финальное значение переменной sum? var sum = 0; for(var i = -100; i <= 100; i++){ sum += i; } 2. Напишите программу, которая использует цикл for для суммирования чисел от 50 до 100. Затем перепишите программу с использованием цикла while. 3. Напишите программу, которая используя цикл while отображает на экране числа от 10 до 0. Затем перепишите программу с использованием цикла for.

№ слайда 70 Операторы break и continue Оператор break производит выход из цикла. Следующи
Описание слайда:

Операторы break и continue Оператор break производит выход из цикла. Следующим оператором, исполняемым после break, будет являться первый оператор, находящийся вне данного цикла. Пример for(var i = -10; i <= 10; i++){ if(i > 0) break; //завершить цикл, как только значение //переменной i станет положительным document.write(i + " "); } document.write("Готово!");

№ слайда 71 С помощью оператора continue можно организовать преждевременное завершение ша
Описание слайда:

С помощью оператора continue можно организовать преждевременное завершение шага итерации цикла. Оператор continue осуществляет принудительный переход к следующему шагу цикла, пропуская любой код, оставшийся невыполненым. Пример for(var i = 0; i <= 100; i++){ if((i % 2) != 0) continue; //перейти к следующему шагу итерации document.write(i + " "); }

№ слайда 72 Функции JavaScript Функция – это блок кода на языке JavaScript, который опред
Описание слайда:

Функции JavaScript Функция – это блок кода на языке JavaScript, который определяется однажды, и в дальнейшем может выполняться или вызываться сколько угодно раз.

№ слайда 73 Определение и вызов функций Функция определяется с помощью ключевого слова fu
Описание слайда:

Определение и вызов функций Функция определяется с помощью ключевого слова function, за которым следуют: Имя функции Круглые скобки, которые могут содержать список имен параметров, разделенных запятыми Выполняемые действия, которые составляют тело функции, заключенные в фигурные скобки Для вызова функции используется оператор вызова, представляющий из себя пару круглых скобок.

№ слайда 74 Пример //определение функции function starline() { for(var i = 0; i &lt; 45; i++
Описание слайда:

Пример //определение функции function starline() { for(var i = 0; i < 45; i++){ document.write("*"); } document.write("<br>"); } starline(); //вызов функции document.write("<p>это абзац</p>"); starline(); Функция starline() вызывается дважды.

№ слайда 75 Область видимости глобальных и локальных переменных Область видимости перемен
Описание слайда:

Область видимости глобальных и локальных переменных Область видимости переменной – это та часть программы, для которой эта переменная определена. Глобальная переменная имеет глобальную область видимости – она определена для всей JavaScript программы. Переменные, объявленные внутри функции называются локальными и имеют локальную область видимости т.е. они видны только в теле функции. Параметры функции также являются ее локальными переменными и видны только в ее теле.

№ слайда 76 Внутри тела функции локальная переменная имеет преимущество перед глобальной
Описание слайда:

Внутри тела функции локальная переменная имеет преимущество перед глобальной переменной с тем же именем. Если объявить локальную переменную или параметр функции с тем же именем, что у глобальной переменной, то фактически глобальная переменная будет скрыта:

№ слайда 77 Пример var x = &quot;глобальная&quot;; function checkscope() { var x = &quot;локальная&quot;; doc
Описание слайда:

Пример var x = "глобальная"; function checkscope() { var x = "локальная"; document.write(x); } checkscope();

№ слайда 78 Параметры и аргументы Параметры указываются в определении функции внутри круг
Описание слайда:

Параметры и аргументы Параметры указываются в определении функции внутри круглых скобок и являются ее локальными переменными, т.е. видны только в ее теле. При вызове функция может получать аргументы, которыми инициализируются параметры. Аргумент - это выражение, которое может быть переменной, литералом, или выражением, состоящим из одного или нескольких операторов, которое служит для инициализации параметров.

№ слайда 79 Пример function getstr(car, place) { document.write(&#039;Моя машина - &#039; + car + &#039;
Описание слайда:

Пример function getstr(car, place) { document.write('Моя машина - ' + car + ' и я еду на ней ' + place); } function showbook(title) { str = '<p>книга называется: "' + title + '"</p>'; document.write(str); } var house = "на дачу"; getstr('BMW', house); showbook('Машина времени');

№ слайда 80 В JavaScript при установке параметров для функции не указывается ключевое сло
Описание слайда:

В JavaScript при установке параметров для функции не указывается ключевое слово var. JavaScript объявляет переменные автоматически, когда они устанавливаются в качестве параметров функции, поэтому ключевое слово var здесь не используется. Параметры можно использовать как и все другие переменные.

№ слайда 81 У функции может быть сколько угодно параметров. При назначении функции нескол
Описание слайда:

У функции может быть сколько угодно параметров. При назначении функции нескольких параметров не обязательно использовать все параметры, можно воспользоваться только одним или не использовать их вообще. Когда функция вызывается с меньшим количеством используемых параметров, чем описывается в определении, недостающие параметры получают значение undefined.

№ слайда 82 Оператор return Оператор return применяется для возврата результата работы фу
Описание слайда:

Оператор return Оператор return применяется для возврата результата работы функции основному сценарию с целью дальнейшего его использования. Он может находиться в любом месте функции. Обычно оператор return записывается в последней строке функции перед закрывающей фигурной скобкой и заканчивается точкой с запятой.

№ слайда 83 Пример return имя_переменной; return &quot;строка1 &quot; + &quot;строка 2&quot;; return true; re
Описание слайда:

Пример return имя_переменной; return "строка1 " + "строка 2"; return true; return null; return a + (b - 31) * 2;

№ слайда 84 Оператор return может использоваться без значения, чтобы прекратить выполнени
Описание слайда:

Оператор return может использоваться без значения, чтобы прекратить выполнение и выйти из функции: function calc(a) { if(!a) return; document.write(a); }

№ слайда 85 В функции может использоваться не один, а несколько операторов return: functi
Описание слайда:

В функции может использоваться не один, а несколько операторов return: function check(a, b) { if(a > b) { return a; } else { return b; } }

№ слайда 86 Выбор имени функции Имя функции следует выбирать по тем же правилам что и имя
Описание слайда:

Выбор имени функции Имя функции следует выбирать по тем же правилам что и имя переменной. Единственное различие - это то, что в качестве имени функции обычно выбирают глагол, т.к. функция выполняет действие.

№ слайда 87 Диалоговые окна alert(&quot;Текст сообщения&quot;); Выводит диалоговое окно с заданным
Описание слайда:

Диалоговые окна alert("Текст сообщения"); Выводит диалоговое окно с заданным сообщением и кнопкой ОК. confirm("Текст сообщения"); Выводит диалоговое окно с заданным сообщением и кнопками ОК и ОТМЕНА. prompt("Текст сообщения", ["текст по умолчанию в поле ввода"]); Все три типа окна являются модальными. Также могут использоваться для вывода результатов.

  • Другое
Автор Егорова Наталья Александровна
Дата добавления 18.12.2017
Раздел Другое
Подраздел Другое
Просмотров 303
Номер материала MA-072742
Скачать свидетельство о публикации

Оставьте свой комментарий:

Введите символы, которые изображены на картинке:

Получить новый код
* Обязательные для заполнения.


Комментарии:

Популярные курсы

Курс повышения квалификации
«Роль педагога в реализации концепции патриотического воспитания школьников в образовательном процессе в свете ФГОС второго поколения»
Курс повышения квалификации
«Роль педагога в реализации концепции патриотического воспитания школьников в образовательном процессе в свете ФГОС»