JavaScript Язык JavaScript представляет собой классический язык программирования, по синтаксису во многом подобный Си и включающий в себя ряд операторов, - презентация

1 JavaScript

2 Язык JavaScript представляет собой классический язык программирования, по синтаксису во многом подобный Си и включающий в себя ряд операторов, реализующих большинство типовых алгоритмических конструкций: условный оператор, циклы While и For и др., в дополнение к которым предусмотрено большое количество стандартных методов. Все это позволяет реализовывать желаемые интерактивные действия в достаточно широких пределах возможностей.

3 Обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

4 Семантика и синтаксис Синтаксис языка JavaScript во многом напоминает синтаксис Си и Java, семантически же язык гораздо ближе к Self, Smalltalk или даже Лиспу. все идентификаторы регистрозависимы, в названиях переменных можно использовать буквы, подчёркивание, символ доллара, арабские цифры, названия переменных не могут начинаться с цифры, для оформления однострочных комментариев используются //, многострочные и внутри строчные комментарии начинаются с /* и заканчиваются */.

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

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

7 События События и обработчики событий являются очень важной частью для программирования на языке JavaScript. События, главным образом, инициируются теми или иными действиями пользователя. Если он щелкает по некоторой кнопке, происходит событие "Click". Если указатель мыши пересекает какую-либо ссылку гипертекста - происходит событие MouseOver. Существует несколько различных типов событий. Можно заставить JavaScript-программу реагировать на некоторые из них. И это может быть выполнено с помощью специальных программ обработки событий.

8 onChange onChange (Обработчик события) Событие происходит в тот момент, когда значение элемента формы select, text или textarea изменилось и элемент потерял фокус. Применение: Этот обработчик особенно полезен для проверки корректности ввода данных пользователем.

9 onClick onClick (Обработчик события) Вызывается после щелчка левой кнопкой мыши на объекте. onLoad onLoad (Обработчик события) Вызывается, когда загрузка документа в окно или в кадр закончена.

10 onMouseOver onMouseOver (Обработчик события) Событие происходит, когда указатель мыши помещается над гиперссылкой. onSubmit onSubmit (Обработчик события) Событие происходит в момент щелчка мышью на кнопке Submit для посылки данных формы на сервер.

11 onUnload onUnload(Обработчик события) Вызывается, когда пользователь выходит из документа.

12 Функции В большинстве программ на языке JavaScript используются функции. В большинстве случаев функции представляют собой лишь способ связать вместе нескольких команд.

13 В этом скрипте мы определили некую функцию, состоящую из следующих строк: 1. function myFunction() 2.{ 3. document.write("Добро пожаловать на мою страницу! "); 4. document.write("Это JavaScript! "); 5.} Все команды скрипта, что находятся внутри фигурных скобок - {} - принадлежат функции myFunction (). Это означает, что обе команды document.write() теперь связаны воедино и могут быть выполнены при вызове указанной функции.

14 Методы Имеется возможность управлять самим процессом создания окна. Например, Вы можете указать, должно ли новое окно иметь строку статуса, панель инструментов или меню.

15 Alert alert (Метод) Выводит на экран диалоговое окно JavaScript Alert с кнопкой ОК и определенным программистом сообщением. Back back (Метод) Вызывает переход к предыдущему URL из списка просмотренных в текущей сессии работы с браузером документов.

16 Big big (Метод) Форматирует строковый объект более крупным шрифтом. Click click (Метод) Эмулирует щелчок на объекте левой кнопкой мыши.

17 Close close (Метод) Для объекта document закрывает текущий поток вывода и показывает содержимое документа на экране. Для объекта window закрывает текущее окно. document.close(); window.close(); Confirm confirm (Метод) Выводит диалоговое окно JavaScript Confirm. window.confirm();

18 Go go (Метод) Загружает документ из списка страниц, посещенных за текущий сеанс работы браузера Open open (Метод) Создает новый документ или экземпляр окна. document.open("index.htm", "demo", "width=400,height=300,status=no,toolbar=no,m enubar=no" )

19 Объекты history (Объект) Список ранее просмотренных страниц, аналогично пункту меню Go браузера. Location location (Объект) Полная информация об URL текущего документа. Применение: Объект location используется для определения URL любого активного документа, включая документы в других окнах или в кадрах навигатора.

20 String string (Объект) Последовательность символов, ограниченная одинарными или двойными кавычками. stringName Window window (Объект) Наивысший объект в иерархии JavaScript, представляющий собой открытое окно браузера.

21 Свойства href (Свойство) Возвращает строку, содержащую полный URL текущего документа. Name name (Свойство) Возвращает строку со значением атрибута name объекта.

22 Расположение JavaScript Внутри страницы. Внутри тега. Отдельно от разметки. В отдельном файле.

23 JavaScript внутри страницы Для добавления JavaScript-кода на страницу, можно использовать теги. Скрипт, выводящий модальное окно с классической надписью «Hello, World!» внутри браузера: alert('Hello, World!');

24 Типы данных (константы и переменные 1. Числовой тип данных: целые числа, (integer) числа с плавающей точкой (float) 2. Булевский (логический) тип (Boolean); 3. Символьный тип данных (String); 4. Нулевой тип (Null)

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

26 Массивы Массивы представляют собой наборы данных одного типа в памяти компьютера Для обращения к элементу массива используется операция индексации. Для объявления массива используются квадратные скобки, внутри которых через запятую перечисляются его элементы Var a;a=[3, 5, 8]; В отличие от обычных, статических, массивов, массивы в JavaScript динамические, т.е. его размер и содержимое можно изменять в процессе выполнения программы. Var c;c=[2, 7,, 9];c[5]=11;

27 Массивы в JavaScript можно создавать как объекты. var имя массива = new Array(кол_во элементов); var имя массива = new Array(элементы массива); a=new Array(); b=new Array (2,41,3.14,als,22); Конструктор Array автоматически определяет свойство length – количество элементов массива. a.length==0;b.length==4

28 Вычислительные операции Операция Описание + Сложение (для числовых значений) или конкатенация (для строковых значений) - Вычитание либо смена знака («унарный минус») * Умножение / Деление % Остаток от деления ++ Инкремент (увеличение значения переменной на 1, пример:b=а++; х++ вместо х=х++ или х+=1) -- Декремент (уменьшение значения переменной на 1, пример: b=а--; х-- вместо х=х-- или х-=1)

29 Операции сравнения Символ операции Сравнение ПримерЗначение < Меньше a< btrue > Больше 7>9false <= Меньше или равно g<=gatrue >= Больше или равно 6>=5true = равно 2==3false ! = Не равно 2.1!=2true

30 Логические операции Операция Описание ! Логическое отрицание (для логических переменных, пример: если a=true, то !a=false) & Логическое условие И | Логическое условие ИЛИ ? Выбор по условию

31 В JavaScript существуют побитовые операции, которые выполняются только над двоичными числами: ~ Побитовое дополнение (отрицание) замена всех нулевых битов единичными и наоборот & Побитовое И | Побитовое ИЛИ ^ Побитовое ИСКЛЮЧАЮЩЕЕ ИЛИ (операция XOR) << Сдвиг на указанное во втором операнде число бит влево (освободившиеся биты заполняются нулями) >> Сдвиг на указанное во втором операнде число бит вправо (освободившиеся биты заполняются значением самого левого бита исходного числа) >>> Сдвиг на указанное во втором операнде число бит вправо (освободившиеся биты заполняются нулями)

32 приоритет операций Если в скрипте содержится некоторое математическое выражение, значение которого должен вычислить компьютер, то соответствующие операции выполняются в соответствии с указанной ниже последовательностью: 1. действия в круглых скобках; 2.инкремент, декремент; 3.отрицание, дополнение, унарный минус; 4.умножение, деление, остаток от деления; 5.сложение, вычитание; 6. побитовый сдвиг; 7.сравнение; 8. равенство, неравенство; 9. побитовые операции И, ИСКЛЮЧАЮЩЕЕ ИЛИ, ИЛИ; 10. логические операции И, ИЛИ; 11. выбор по условию; 12.присваивание.

33 основные операторы языка JavaScript Символ оператора Операция Примерзначение = Присваивание значения x=13.4 *= Умножение и присваивание x*=yx=x*y /= Деление и присваивание x/=yx=x/y %= Остаток и присваивание x%=yx=x%y += Сложение и присваивание x+=yx=x+y -= Вычитание и присваивание x-=yx=x-y

34 Оператор Описание Пример // и /*... */ Комментарии: // однострочные (конец текущей строки является концом комментария) и многострочные блоки for (исх.знач.; условие; модификация) {….} Цикл, где исх.значение оператор присваивания, указывающий имя цикловой переменной, условие логическое условие завершения цикла (цикл выполняется, пока значение условия, равно true), модификация оператор присваивания, определяющий изменение цикловой переменной на каждом шаге; в фигурных скобках записывается тело цикла for (x=1; x<10; x+=1) { … } перебор в цикле всех значений х от 1 до 9 с шагом 1

35 Оператор Описание Пример if (условие) { ветвь true } else { ветвь false } Условный оператор: если значение логического условия равно true, выполняется первый блок, если false второй (блок else может быть опущен, если он не нужен) if (a>b) {x=a} else {x=b} вычисление максимального из двух значений while (условие) {... } Цикл, выполняемый, пока значение условия равно true while (x<10) { x++ } перебор в цикле всех значений х от заданного (меньшего 10) до 9

36 Оператор Описание Пример break Прерывание выполнения цикла for или while с передачей управления первому оператору после закрывающей фигурной скобки цикла i=0; While (true) { Document.write (I, ); If (i==9) break; i++} continue Завершение текущего прохода цикла (управление передается на проверку условия выполнения цикла) Summ=0; For (i=1; i<=99; i++) { If (i%5==0) continue; Summ+=i} Document.write( сумма равна, summ);

37 Оператор Описание Пример Function имя (список параметров) {... } Описание пользовательской функции с заданным именем. Список параметров (они могут и отсутствовать, тогда записываются пустые скобки) должен соответствовать (по количеству и ( порядку записи) таковому в вызовах этой функции....