Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

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

Содержание

JavaScript появился благодаря усилиям двух компаний - Netscape (Mozilla) и Sun Microsystems (Oracle).JavaScript позволяет создавать приложения, выполняемые как на стороне клиента, т.е. эти приложения выполняются браузером на компьютере пользователя, так и на стороне сервера.
Основы языка JavaScript JavaScript появился благодаря усилиям двух компаний - Netscape (Mozilla) и Sun Microsystems Возможности JavaScript:создание динамических страниц, реагирующих на действия пользователя;обработка элементов форм в режиме Способы размещения JavaScript кодавключение кодов JavaScript между тэгами и ;подключение внешнего файла 1. Включение JavaScript между тэгами и Для включения фрагментов программы на JavaScript 2. Подключения внешнего файла с JavaScript Для подключения внешнего файла с JavaScript-кодами Закрывающий тэг необходим, хотя данные, которые находятся между этими тэгами игнорируются. Нельзя 3. Использование событийДля HTML-тега назначается событие, при выполнении которого выполняется JavaScript код. Пример Правила объявления переменныхПеременная – это именованная область в оперативной памяти компьютера, предназначенная 1. Объявление переменных выполняется с помощью ключевого слова var:var i;var sum;2. Один 3. Присвоить какое-либо значение переменной можно с помощью оператора присваивания, который обозначется 4. Объявление переменных можно совмещать с их инициализацией. Инициализация – это одновременное 5. Переменные в JavaScript не имеют типа, ей может быть присвоено значение Имена переменных. ИдентификаторыИдентификатор – последовательность букв, цифр, а также специальных символов. Идентификаторы 3. JavaScript чувствителен к регистру символов, следует учитывать регистр при обращении к 3. JavaScript чувствителен к регистру символов, следует учитывать регистр при обращении к Примеры допустимых идентификаторовxmy_var_myCar2$cash Зарезервированные словаJavaScript резервирует ряд идентификаторов, которые играют роль ключевых слов самого языка. Инструкции1. Любая программа состоит из последовательности инструкций. Инструкция является указанием на совершение 2. Использование точки с запятой для указания конца инструкции не является обязательным 4. Хорошей практикой в программировании является использование точки с запятой всегда, даже Чувствительность к региструЯзык JavaScript чувствителен к регистру символов. Например: ключевое слово switch КомментарииКомментарии – пояснения к исходному коду программы, оформленные по правилам, определённым языком ЛитералыЛитерал (константа) – запись в исходном коде программы, представляющая собой обычное фиксированное Типы данных JavaScriptТипы данных в JavaScript делятся на две категории:простые (примитивные) типы;составные К составным типам данных относятся:Function - функцииArray - массивыObject - объекты ЧислаДля представления чисел в JavaScript используется 64-битный формат, определяемый стандартом IEEE 754. Специальные числовые значенияВ JavaScript имеются предопределённые глобальные переменные Infinity и NaN. Переменная СтрокиВ JavaScript строка - это неизменяемая, упорядоченная последовательность 16-битных значений, каждое из Строки заключённые в двойные кавычки могут содержать символы одиночных кавычек и наоборот. ВыраженияЛюбая комбинация переменных и операций, которая может быть вычислена интерпретатором для получения Выражения и операторы - это не одно и то же. Операторы являются ОперацииОперация представляет собой символ, благодаря которому производятся некоторые виды вычислений, сравнений или ПрисваиваниеОперация присваивания выглядит как знак равенства =, она присваивает значение, стоящее с Арифметические операции Инкремент и декрементvar count = count + 1; илиcount += 1; Знак операции инкремента бывает:в префиксной форме, когда он расположен перед своим операндом,в Составные операции присваиванияvar x = 5;x = x + 30; 				x += Операции сравнения Логические операцииЛогические операции позволяют сравнивать результаты работы двух условных операндов с целью Оператор if (если)Оператор if позволяет интерпретатору JavaScript выполнять те или иные действия В операторе if сначала вычисляется выражение. Если полученный результат условия равен true Если тело содержит нескольких операторов в одном блоке (тело), то они заключаются Примерvar num = prompt( 5){ document.write("Число: ", num, " больше 5");}"> Оператор if elseИспользуется, если необходимо совершить одно действие в случае выполнения условия Примерvar num = prompt(= 10){ document.write("Число: ", num,"> Вложенный оператор ifОператор if является вложенным, если он находится внутри другого оператора Конструкция if-else-ifИспользуется при необходимости проверки несколько условий и выборе правильного. if(условие){ оператор;} Условные выражения в такой конструкции вычисляются сверху вниз. Как только обнаружится истинное Домашнее задание 1:1. Возьмите две переменные с числовыми значениями, например: a = Условный операторif (a < b) x = a;else x = b;Тернарный операторТернарный Пример  var x; var a = 10; var b = 15; Оператор switchИспользуется, если в программе присутствует большое дерево ветвлений и все ветвления Примерvar x = 3;switch(x){case 1: Программа выводит одно из трех сообщений в зависимости от того, какое из Пример (без использования оператора break)var x = 1+1;switch(x){case 1: Ключевое слово defaultПредназначено для того, чтобы программа могла выполнить некоторую последовательность действий Примерvar x = 3+3;switch(x){case 1: ЦиклыДействие циклов заключается в последовательном повторении определенной части вашей программы некоторое количество Виды циклов:for, while;do while. Цикл forЦикл for организует выполнение фрагмента программы фиксированное число раз. Как правило ПримерНа экран выводятся квадраты целых чисел от 0 до 14: var i;for(i Инициализирующее выражение - представляет из себя оператор присваивания, задающий первоначальное значение переменной, Цикл whileСодержит условие выполнения цикла, но не содержит ни инициализирующих, ни инкрементирующих Примерvar n = 0;while(n != 5){ document.write(n + Цикл do whileУсловие выполнения цикла располагается не перед, а после тела цикла.Примерvar Домашнее задание 2:1. Что делает следующий цикл for? Каково финальное значение переменной Операторы break и continueОператор break производит выход из цикла.Следующим оператором, исполняемым после С помощью оператора continue можно организовать преждевременное завершение шага итерации цикла. Оператор
Слайды презентации

Слайд 2 JavaScript появился благодаря усилиям двух компаний - Netscape

JavaScript появился благодаря усилиям двух компаний - Netscape (Mozilla) и Sun

(Mozilla) и Sun Microsystems (Oracle).
JavaScript позволяет создавать приложения, выполняемые

как на стороне клиента, т.е. эти приложения выполняются браузером на компьютере пользователя, так и на стороне сервера.

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

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

элементов форм в режиме реального времени (проверка правильности ввода

данных)
создание полноценных приложений, работающих в пределах сайта
отслеживание действий, совершаемых пользователями и др.

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

Способы размещения JavaScript кодавключение кодов JavaScript между тэгами и ;подключение внешнего

и ;
подключение внешнего файла с кодами JavaScript с

помощью тэга
Если при разработке сценария используется язык JavaScript, то параметр language можно не указывать.

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

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

внешнего файла с JavaScript-кодами используются те же самые тэги

, но в отличие от внутреннего встраивания тэг содержит параметр SRC, который задает URL-адрес внешнего файла с фрагментами JavaScript.
js - стандартное расширение для JavaScript-файлов.

Слайд 7 Закрывающий тэг необходим, хотя данные, которые находятся

Закрывающий тэг необходим, хотя данные, которые находятся между этими тэгами игнорируются.

между этими тэгами игнорируются.
Нельзя совместить в одном тэге-контейнере

сразу и внутреннее и внешнее подключение кодов JavaScript.
Теги



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

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

ветвлений и все ветвления зависят от значения какой-либо одной

переменной.
Оператор switch сравнивает значение переменной с различными вариантами. При сравнении используется операция строгого равенства "===".

Слайд 56 Пример
var x = 3;
switch(x){
case 1:

Пример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;
}

Слайд 57 Программа выводит одно из трех сообщений в зависимости

Программа выводит одно из трех сообщений в зависимости от того, какое

от того, какое из чисел находится в переменной x.
Оператор

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

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

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

1:


document.write("x равен 1");
case 2:
document.write("x равен 2");
case 3:
document.write("x равен 3");
}

Слайд 59 Ключевое слово default
Предназначено для того, чтобы программа могла

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

выполнить некоторую последовательность действий в том случае, если ни

одно из значений констант не совпало со значением переменной в операторе switch.

Слайд 60 Пример
var x = 3+3;
switch(x){
case 1:

Пример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("С такими значениями не работаю");
}

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

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

вашей программы некоторое количество раз.
Повторение продолжается до тех

пор, пока выполняется соответствующее условие.
Когда значение выражения, задающего условие, становится ложным, выполнение цикла прекращается, а управление передается оператору, следующему непосредственно за циклом.

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

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

Слайд 63 Цикл for
Цикл for организует выполнение фрагмента программы фиксированное

Цикл forЦикл for организует выполнение фрагмента программы фиксированное число раз. Как

число раз. Как правило (хотя и не всегда), этот

тип цикла используется, когда известно заранее, сколько раз должно повториться исполнение кода.

Слайд 64 Пример
На экран выводятся квадраты целых чисел от 0

ПримерНа экран выводятся квадраты целых чисел от 0 до 14: var

до 14: var i;
for(i = 0; i < 15;

i++){
document.write("квадрат числа " + i + " = " + (i * i) + "
");
}

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

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

задающий первоначальное значение переменной, которая выполняет роль счетчика и

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

Слайд 67 Цикл while
Содержит условие выполнения цикла, но не содержит

Цикл whileСодержит условие выполнения цикла, но не содержит ни инициализирующих, ни

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

при первой проверке тело цикла вообще не исполнялось.

Слайд 68 Пример
var n = 0;
while(n != 5){
document.write(n +

Примерvar n = 0;while(n != 5){ document.write(n +

" ");
n++; //если из кода убрать эту строку,

то цикл будет бесконечным
}

Слайд 69 Цикл do while
Условие выполнения цикла располагается не перед,

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

а после тела цикла.
Пример
var n = 0;
do{
document.write(n +

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

Слайд 70 Домашнее задание 2:
1. Что делает следующий цикл for?

Домашнее задание 2: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.

Слайд 71 Операторы break и continue
Оператор break производит выход из

Операторы break и continueОператор break производит выход из цикла.Следующим оператором, исполняемым

цикла.
Следующим оператором, исполняемым после break, будет являться первый оператор,

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

  • Имя файла: osnovy-yazyka-javascript.pptx
  • Количество просмотров: 111
  • Количество скачиваний: 0