Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь FAQ Написать работу КАТЕГОРИИ:  Археология Биология Генетика География Информатика История Логика Маркетинг Математика Менеджмент Механика Педагогика Религия Социология Технологии Физика Философия Финансы Химия ЭкологияТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву 
Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
Размещение сценариев JavaScriptСодержание книги Поиск на нашем сайте
Код на JavaScript встраивается в веб – страницу вместе с кодом HTML. Его присутствие обозначается тегами <script> </script>. Как и HTML – код, сценарий на JavaScript выполняется с верхней строки вниз и обрабатывается выражение за выражением (пошагово). Кроме размещения текста сценария в теле HTML – документа его можно поместить в отдельный файл. Это должен быть отдельный текстовый файл, с расширением *. js. В этом файле не должно быть ничего кроме операторов JavaScript. В тексте HTML - документа содержимое контейнера <script> приведите к следующему виду: <script src=”*.js”></script > Под размещением сценария понимается расположение контейнера <script> в документе. Этот контейнер может быть расположен как в заголовке документа (между тегами <head>), так и в теле документа, (между тегами <body>). Один документ может содержать произвольное количество сценариев, причем они не будут изолированы друг от друга. Все переменные, функции и объекты, созданные в одном из контейнеров <script>, будут доступны и во всех остальных сценариях, расположенных далее в документе. Структура кода Любой код состоит из инструкций. Инструкция – это синтаксические конструкции и команды, которые выполняют определенные действия. В примере была использована конструкция alert ("Добро пожаловать!"), которая отображает сообщение «Добро пожаловать!». В коде может быть любое количество инструкций, каждая из которых отделяется точкой с запятой. Комментарии В сценариях может присутствовать текст, не являющийся инструкцией, а предназначенный для описания кода или для его временного отключения (комментарий). Комментарии в JavaScript бывают двух видов: // Однострочный комментарий /* Комментарий, который занимает Несколько строк сценария */ Переменные Любое приложение работает с информацией. Если это интернет – магазин, то информацией здесь будет товары и корзина покупок, если чат - то это пользователи и их сообщения. Переменные используются для хранения информации (данных). Для создания переменных используется ключевое слово let. Также переменную можно объявить через var, но в настоящее время это считается устаревшим способом. let message; Далее, через оператор присваивания (=), заносим в нее данные: let message = ‘Hello’;
Строка сохраняется в области памяти, связанной с переменной, и мы можем получить к ней доступ, используя имя переменной: let message = ‘Hello’; alert(message);
Можно в одной строке объявить сразу несколько переменных (не рекомендуется):
let user = ‘Tom’, age = 25, message = ‘Hello’;
Требования к именам переменных: 1. Имя переменной должно содержать только буквы, цифры и символы $ и _. 2. Первый символ не должен быть цифрой. 3. Имя переменной может быть любой длины; 4. Имена переменных чувствительны к регистру символов; 5. В качестве имен нельзя использовать зарезервированные слова JavaScript Константы С помощью ключевого слова const можно определить константу, которая также, как и переменная хранит значение. Однако значение это не может быть изменено. Название переменной должно иметь ясный и понятный смысл, говорить о том, какие данные в ней хранятся. Именование переменных – это один из важных и сложных навыков в программировании. Типы данных Переменная JavaScript может содержать любые данные. Язык относится к динамически типизированным, т.е. переменные не привязаны к определенным типам данных. В JavaScript есть семь основных типов данных: 1. Строковый (string) – любой текст, числа, символы, заключенные в одинарные или двойные кавычки - ‘Привет! ’; ’3,1415’; ’38 попугаев’ 2. Числовой (number) – любые числа и результаты математических выражений. Числовые данные бывают двух типов: - целочисленные, например - 123. Эти числа могут быть как положительными, так и отрицательными. - вещественные числа, такие как 123,12. Их еще называют числа с плавающей точкой, они также могут быть положительными и отрицательными. 3. Логический или булев (boolean) – результаты выполнения любых условных операторов. Принимает два значения – true – истина, false – ложь 4. Объект (object) – сложный тип данных, представляет набор различных данных простых типов и функций, выполняющих с этими данными те или иные действия. Простейшее определение объекта представляют фигурные скобки: let user = {}; Объект может иметь различные свойства и методы: let user = {name: "Иван", age:18}; console.log(user.name);
5. Символ (symbol) – используется для создания уникальных идентификаторов объектов; Кроме перечисленных типов данных, в JavaScript существуют еще два значения, которые тоже можно отнести к типам данных: 6. undefined - значение, которое получает каждая новая переменная до присвоения ей какого – либо определенного значения; 7. null – означает отсутствие определенного значения. В некоторых случаях возникает необходимость определить тип результата того или иного выражения. Для этого в языке JavaScript существует функция typeof (). Для любого выражения в скобках, результатом данной функции будет строка, содержащая название типа. Преобразование типов Чаще всего операторы и функции автоматически приводят переданные им значения к нужному типу. Например, alert автоматически преобразует любое значение к строке. Математические операторы преобразуют значения к числам. Бывают случаи, когда нужно явно преобразовать значение в ожидаемый тип. Строковое преобразование происходит, когда требуется представление чего – либо в виде строки. Например, alert (value) преобразует значение к строке. Также можно использовать функцию String (value), чтобы преобразовать значение к строке. Численное преобразование можно осуществить через функцию Number (value), чтобы явно преобразовать value к числу: let str = "123"; alert(typeof str); // string
let num = Number(str); // становится числом 123
alert(typeof num); // number
Явное преобразование часто применяется, когда мы ожидаем получить число из строкового контекста, например, из текстовых полей форм. Если строка не может быть явно приведена к числу, то в результате получим NaN (не число). let age = Number("Любая строка вместо числа");
alert(age); // NaN, преобразование не удалось
Правила численного преобразования:
Рассмотрим примеры: alert(Number(" 123 ")); // 123 alert(Number("123z")); // NaN (ошибка чтения числа в "z") alert(Number(true)); // 1 alert(Number(false)); // 0
Логическое преобразование происходит в логических операторах и подчиняется следующим правилам: значения, которые интуитивно «пустые», вроде 0, пустой строки, null, undefined, NaN становятся false, все остальные true. Операторы JavaScript Рассмотрим некоторые термины: Операнд – это то, к чему применяется оператор. Например, в умножении 3 * 7 есть два операнда – 3 и 7. Унарным называется оператор,который применяется к одному операнду; Бинарным – применяется к двум операндам; Все операторы JavaScript можно разделить на несколько групп: 1. Оператор присваивания (=) – является наиболее часто используемым оператором. 2. Арифметические операторы – выполняют различные действия с числами. К ним относятся:
3. Строковые операторы в JavaScript всего один оператор конкатенации строк. Он записывается также, как и арифметический оператор (+), интерпретатор JavaScript сам определяет, в каком случае данный оператор означает сложение, а в каком – конкатенацию. Операторы сравнения
Следствием выполнения данных операторов является логическое значение, полученное в результате сравнения - true – истина, false – ложь. Логические операторы
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
Последнее изменение этой страницы: 2021-02-07; просмотров: 156; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.145.202.60 (0.01 с.) |
