ВВЕДЕНИЕ В ТЕХНОЛОГИИ W3C ЛЕКЦИЯ 5. ВВЕДЕНИЕ В JAVASCRIPT

ВВЕДЕНИЕ В
ТЕХНОЛОГИИ 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