Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

• Работа с JavaScript в браузере• Первый взгляд• Переменные и типы• Функции• Объекты• Полезные операторы• Обработка ошибок

Основы JavaScript

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

Работа в браузере

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

Существует 2 варианта использования js в HTML докумете

Через HTML элемент <script /><script type="text/javascript"> document.writeln("Hello"); </script>

Присоединением файла

<script src="путь и имя файла" type="text/javascript"></script>

Html и JavaScript

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

Определяют переменную используя ключевое слово var, также можно опционально в этом же выражении присвоить переменной значение.

Существуют локальные и глобальные переменные

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

Переменные и типы

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

В JavaScript представлено примитивных типов, это string, number и boolean. 

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

boolean имеет два значения: true и false

number используется для представления как целых чисел, так и чисел с плавающей точкой (известных также как вещественные числа)

Примитивные типы

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

Функция выполняется только во время вызова.

Выражения в теле функции заключены в фигурные скобки ({ и })

Опционально функция может принимать значения и возвращать результат

Функции

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

Существует 2 способа создать объект

1. Используя new Object()var obj = new Object();

2. Используя формат литерала объекта

var obj1 = { name: "Denis"};

Объекты

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

Добавление свойств происходит динамически

var obj1 = { name: "Denis"};obj1.surname = "Dmitriev"; // точечная нотацияobj1["gender"] = "Male"; // массивная нотация

Возможно добалять в качестве свойства функцию.

Удаление свойства – delete obj1.surname;

Свойства объекта

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

При перечислении свойств объекта, используют оператор for...in

for (var prop in myData) {document.writeln("Name: " + prop + " Value: " + myData[prop]);

}

Перечисление свойств объекта

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

++, -- инкремент и декремент

+, -, *, /, % сложение, вычитание, умножение, деление, деление по модулю

<, <=, >, >= меньше, меньше либо равно, больше, больше либо равно

==, != проверка на равенство и неравенство

===, !== проверка на тождество (строго равно) и не тождество

&&, || логические И и ИЛИ

= равенство

+ конкатенация строк

?: тройной операнд оператора условия

Полезные операторы

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

обработки ошибок JavaScript использует выражение try...catch

try {var myArray;for (var i = 0; i < myArray.length; i++) {

document.writeln("Index " + i + ": " + myArray[i]);}

} catch (e) {document.writeln("Error: " + e);

}

Обработка ошибок

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

Встречающиеся ошибки описываются объектом Error

message – Описание ошибки – stringname – Название ошибки. По умолчанию объект Error – Stringnumber – Код ошибки. Если ошибок несколько, то указанной ошибки – number

Описание ошибки

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

Дэвид Флэнаган

JavaScript. Подробное руководство

Адам Фриман

Pro jQuery на http://smarly.net

Литература

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

Материал для прочтенияhttp://smarly.net/pro-jquery-osnovi-java-script http://smarly.net/html5-getting-started-with-javascript

PowerPoint презентацияhttp://storage.smarly.net/study-web-development-asp-net-mvc/lesson-04.pptx

Видео урок http://youtu.be/w5rDuV_xH6U

Материал