Инструменты пользователя
sintaksis_javascript
Различия
Показаны различия между двумя версиями страницы.
|
sintaksis_javascript [2019/06/01 20:58] |
sintaksis_javascript [2020/06/13 13:47] (текущий) |
||
|---|---|---|---|
| Строка 1: | Строка 1: | ||
| + | ====== Синтаксис JavaScript. Рекомендации. ====== | ||
| + | |||
| + | {{ : | ||
| + | * [[JavaScript]] чувствителен к регистру символов. Это означает, | ||
| + | * Имена переменных чувствительны к регистру; | ||
| + | * Принято если переменная состоит из двух слов, то первое слово пишется с маленькой буквы, например: | ||
| + | * **Имена CSS в JavaScript.** В именах многих атрибутов [[CSS]] стилей, | ||
| + | element.style.fontFamily = " | ||
| + | </ | ||
| + | * Операторы должны разделяться между собой символом ";" | ||
| + | * Операторы могут объединяться в блоки. Для этого их следует размещать в фигурных скобках: | ||
| + | * В текст скрипта можно включать однострочные и блочный комментарии, | ||
| + | * В JavaScript значению " | ||
| + | * Если браузер не понимает JS и вы не хотите чтобы скрипт выводился как обычный текст, применяют такой приём с комментариями:< | ||
| + | < | ||
| + | <!-- | ||
| + | alert (' | ||
| + | //--> | ||
| + | </ | ||
| + | </ | ||
| + | * Пробелы и переводы строк в JavaScript не обязательны. Можно написать программу в одну строку. Роль пробелов в блоках – отделять их от остальной программы. | ||
| + | |||
| + | ====== Переменные в JavaScript ====== | ||
| + | |||
| + | * Переменные в JavaScript объявляются при помощи ключевого слова var, которое располагается в начале объявления. При объявлении переменной можно присвоить значение (проинициализировать). Если переменная не была проинициализирована при объявлении, | ||
| + | var имя_переменной [= значение] [, имя_переменной [= значение] ... ]; | ||
| + | </ | ||
| + | var angle; // | ||
| + | var counter_1 = 0; // | ||
| + | var FirstName, LastName = " | ||
| + | </ | ||
| + | |||
| + | |||
| + | ====== Операторы цикла for, while, do ====== | ||
| + | * Синтаксис цикла **for**:< | ||
| + | for (A; B; I){S} | ||
| + | |||
| + | где | ||
| + | A - первоначальное выражение, | ||
| + | B - условие продолжения. Если это выражение ложно, то выполнение цикла завершается, | ||
| + | I - выражение инкремента, | ||
| + | {} - тело цикла, | ||
| + | S - операторы. | ||
| + | </ | ||
| + | var str=' | ||
| + | for (i = 0; i < str.length; i++) { | ||
| + | console.log(str[i]); | ||
| + | } | ||
| + | </ | ||
| + | * Синтаксис цикл **while**:< | ||
| + | while (B){S} | ||
| + | где | ||
| + | B - условие продолжения. Если это выражение ложно, то выполнение цикла завершается, | ||
| + | {} - тело цикла, | ||
| + | S - операторы. | ||
| + | </ | ||
| + | var number = 0; | ||
| + | while (number <= 12) { | ||
| + | console.log(number); | ||
| + | number = number + 2; | ||
| + | }</ | ||
| + | * Синтаксис цикл **do**. Он похож на цикл while. Отличается только в одном: | ||
| + | do { | ||
| + | var name = prompt(" | ||
| + | } while (!name); | ||
| + | console.log(name); | ||
| + | </ | ||
| + | |||
| + | ====== Тернарный оператор ====== | ||
| + | |||
| + | Для избежания ошибок сравнение лучше заключать в скобки. | ||
| + | Например, | ||
| + | < | ||
| + | var checknodns = document.getElementById(' | ||
| + | var test = (checknodns.checked) ? " | ||
| + | </ | ||
| + | |||
| + | ====== switch case ====== | ||
| + | |||
| + | Когда выполняется инструкция switch, она вычисляет значение выражения, | ||
| + | |||
| + | Следующая инструкция switch эквивалентна повторяющимся инструкциям if/else: | ||
| + | <file javascript> | ||
| + | switch(n) { | ||
| + | case 1: | ||
| + | // Выполняется, | ||
| + | // Исполняем блок кода 1. | ||
| + | break; // Здесь останавливаемся | ||
| + | case 2: | ||
| + | // Выполняется, | ||
| + | // Исполняем блок кода 2. | ||
| + | break; // Здесь останавливаемся | ||
| + | case 3: | ||
| + | // Выполняется, | ||
| + | // Исполняем блок кода 3. | ||
| + | break; // Здесь останавливаемся | ||
| + | default: // Если все остальное не подходит... | ||
| + | // Исполняем блок кода 4. | ||
| + | break; // Здесь останавливаемся | ||
| + | } | ||
| + | </ | ||
| + | Инструкция break приводит к передаче управления в конец инструкции switch или цикла. Конструкции case в инструкции switch задают только начальную точку исполняемого кода, но не задают никаких конечных точек. В случае отсутствия инструкций break инструкция switch начинает исполнение блока кода с метки case, соответствующей значению выражения, | ||
| + | |||
| + | Ниже приводится более реальный пример использования инструкции switch; он преобразует значение в строку способом, | ||
| + | < | ||
| + | function convert(x) { | ||
| + | switch(typeof x) { | ||
| + | case ' | ||
| + | return x.toString(16); | ||
| + | case ' | ||
| + | return '"' | ||
| + | case ' | ||
| + | return x.toString().toUpperCase(); | ||
| + | default: | ||
| + | // Любой другой тип преобразуем обычным способом | ||
| + | return x.toString() | ||
| + | } | ||
| + | } | ||
| + | </ | ||
| + | < | ||