ВВЕДЕНИЕ В ТЕХНОЛОГИИ W3C ЛЕКЦИЯ 5. ВВЕДЕНИЕ В JAVASCRIPT ECMA SCRIPT ECMA Script JavaScript JScript ActionScript JSCRIPT • Разработан Microsoft • Компилируемый • Автоматизация Windows • Станицы ASP • Динамическая типизация ACTIONSCRIPT • Разработан Macromedia • Flash • Компиляция в байт-код • Строгая статическая типизация JAVASCRIPT • NetScape Navigator • Динамическая типизация • Интрепретация, JIT-компиляция ВОЗМОЖНОСТИ JAVASCRIPT • Изменение объектной модели документа • Изменение атрибутов HTML • Изменение стилей • Проверка введенных данных СИНТАКСИС JAVASCRIPT • Литералы • Переменные • Операторы • Типы данных ЛИТЕРАЛЫ • Числовые (3.14 100 12e5) • Строковые (“Hello World!”) • Выражения (3+2 4*8) • Массивы ([10, 20, 30, 40]) • Объекты ({title:”W3C”, credit:3}) • Фунции (function myFunction(a, b) { return a * b;}) ПЕРЕМЕННЫЕ • var – определение переменной (var x) • = - операция присвоения значения переменной • Динамическая типизация • Имя переменной • Начинается с буквы или символов $, _ • Чувствительны к регистру • Не могут совпадать с зарезервированными словами ОПЕРАТОРЫ • Присвоения (=) • Арифметические (+ - / *) • Сравнения (== === != < >) ТИПЫ ДАННЫХ • Числа • Строки текста • Массивы • Объекты ОБЪЕКТЫ JAVASCRIPT • Объявление • var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; • Доступ к полям • person[firstName], person.firstName • Доступ к методам • person.fullName() ФУНКЦИИ В JAVASCRIPT • Функции – это объекты • return – возврат из функции • { } – область видимости ОБЛАСТИ ВИДИМОСТИ ПЕРЕМЕННЫХ • Глобальная • Автоматически, если функция не была объявлена • Переменные вне функций • Удаляются при закрытии страницы • Локальная • Внутри функций • Удаляются при завершении функции СОБЫТИЯ JAVASCRIPT Описание •Событие Изменения объектов html onchange Элемент был изменен • Наведение курсора, щелчок мыши, ввод данных onclick Щелчок мыши по элементу onmouseover Наведение мыши onmouseout Мышь покинула область элемента onkeydown Нажата клавиша onload Завершена загрузка страницы СТРОКИ JAVASCRIPT • ‘’ или “” • Спец символы \’, \”, \\, \n, \r, \t, \b, \f Строки как объекты var firstName = new String("John") ОПЕРАТОРЫ • Арифметические + - * / % ++ -- • Присвоение = += -= *= /= %= • Строковые + • Побитовые & | ~ ^ << >> МАССИВЫ • var array = [val1, val2, val3] • Типы данных могут отличаться УСЛОВНЫЕ ОПЕРАТОРЫ if(условие) { если истина } else { если ложь } ОПЕРАТОР ВЫБОРА switch(выражение) { case значение1: break; default: break; } ЦИКЛЫ • for • while • do/while • Операторы break и continue ОБРАБОТКА ОШИБОК • try • catch • finally • throw