150 likes | 464 Views
Работа с JavaScript в браузере Первый взгляд Переменные и типы Функции Объекты Полезные операторы Обработка ошибок. Основы JavaScript. Работа в браузере. Существует 2 варианта использования js в HTML докумете Через HTML элемент <script /> <script type="text/javascript">
E N D
Работа с JavaScript в браузере Первый взгляд Переменные и типы Функции Объекты Полезные операторы Обработка ошибок Основы JavaScript
Существует 2 варианта использования js в HTML докумете Через HTML элемент <script /> <script type="text/javascript"> document.writeln("Hello"); </script> Присоединением файла <script src="путь и имя файла" type="text/javascript"></script> Html и JavaScript
Определяют переменную используя ключевое слово var, также можно опционально в этом же выражении присвоить переменной значение. Существуют локальные и глобальные переменные JavaScript – это язык со слабой типизацией. Это не означает, что в JavaScript нет типов. Это только обозначает, что не нужно напрямую указывать тип переменной, а также можно совершенно без проблем присвоить одной переменной несколько типов. JavaScript определит тип, основываясь на значении, которое вы присвоили переменной. Переменные и типы
В JavaScript представлено примитивных типов, этоstring, number и boolean. string определяются с использованием одинарных или двойных кавычек booleanимеет два значения: true и false number используется для представления как целых чисел, так и чисел с плавающей точкой (известных также как вещественные числа) Примитивные типы
Функция выполняется только во время вызова. Выражения в теле функции заключены в фигурные скобки ({ и }) Опционально функция может принимать значения и возвращать результат Функции
Существует 2 способа создать объект Используя new Object() var obj= new Object(); Используя формат литерала объекта var obj1 = { name: "Denis" }; Объекты
Добавление свойств происходит динамически var obj1 = { name: "Denis" }; obj1.surname = "Dmitriev";// точечная нотация obj1["gender"] = "Male";// массивная нотация Возможно добалять в качестве свойства функцию. Удаление свойства – deleteobj1.surname; Свойства объекта
При перечислении свойств объекта, используют оператор for...in for (var prop in myData) { document.writeln("Name: " + prop + " Value: " + myData[prop]); } Перечисление свойств объекта
++, -- инкремент и декремент +, -, *, /, % сложение, вычитание, умножение, деление, деление по модулю <, <=, >, >= меньше, меньше либо равно, больше, больше либо равно ==, != проверка на равенство и неравенство ===, !== проверка на тождество (строго равно) и не тождество &&, || логические И и ИЛИ = равенство + конкатенация строк ?: тройной операнд оператора условия Полезные операторы
обработки ошибок 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); } Обработка ошибок
Встречающиеся ошибки описываются объектом Error message – Описание ошибки – string name – Название ошибки. По умолчанию объект Error – String number – Код ошибки. Если ошибок несколько, то указанной ошибки – number Описание ошибки
Дэвид Флэнаган JavaScript. Подробное руководство Адам Фриман Pro jQueryна http://smarly.net Литература
Материал для прочтенияhttp://smarly.net/pro-jquery-osnovi-java-scripthttp://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 Материал