Компьютерная программа представляет собой набор «инструкций», которые компьютер будет «выполнять». Эти компьютерные инструкции известны как операторы языка программирования. Список операторов программирования составляет программу JavaScript.
Значения, операторы, выражения, ключевые слова и комментарии составляют операторы JavaScript. Многие операторы JavaScript можно найти в большинстве приложений JavaScript. Утверждения выполняются в том же порядке, в котором они написаны, одно за другим.
Операторы JavaScript разделяются точкой с запятой.
```javascript var a, b, c; // Declare 3 variables a = 5; // Assign the value 5 to a b = 6; // Assign the value 6 to b c = a + b; // Assign the sum of a and b to c ```
Допускается несколько операторов в одной строке, если они разделены точкой с запятой. Не обязательно, но настоятельно рекомендуется заканчивать операторы точкой с запятой.
Несколько пробелов игнорируются JavaScript. Вы можете сделать свой сценарий более разборчивым, добавив пробелы.
```javascript var person = ‘Hege’; var person = ‘Hege’; ```
Оставить пространство вокруг операторов — разумная идея. ( = + - \* / ):
Длина строки JavaScript и разрывы строк
Программисты хотят, чтобы строки кода не превышали 80 символов для удобства чтения. Если инструкция JavaScript слишком длинная и не помещается в одну строку, разбейте ее после оператора.
```javascript document.getElementById(‘demo’).innerHTML = ‘Hello Dolly!’; ```
Блоки кода JavaScript
Внутри фигурных скобок{…} операторы JavaScript могут быть сгруппированы в блоки кода. Целью блоков кода является создание набора операторов, которые будут выполняться одновременно. Операторы, объединенные в блоки, можно найти в функциях JavaScript, например:
```javascript function myFunction() { document.getElementById(‘demo1’).innerHTML = ‘Hello Dolly!’; document.getElementById(‘demo2’).innerHTML = ‘How are you?’; } ```
Синтаксис JavaScript
Синтаксис JavaScript — это набор принципов написания программ на JavaScript. Синтаксис JavaScript различает два типа значений:
- Фиксированные значения
- Переменные значения
Фиксированные значения называются литералами. Значения переменных называются переменными.
Литералы JavaScript
Ниже приведены два наиболее важных синтаксических правила для фиксированных значений:
1. Десятичные дроби используются с цифрами или без них.
2. Текст, заключенный в двойные или одинарные кавычки, называется строкой:
Eg
«Джонни Смит»
«Джонни Смит»
Действия, которые необходимо выполнить, определяются с помощью ключевых слов JavaScript. Ключевое слово var указывает браузеру создавать переменные следующим образом:
```javascript var x, y; x = 5 + 6; y = x * 10; ```
Ключевое слово var указывает браузеру создавать переменные в документе:
Идентификаторы JavaScript
Имена являются идентификаторами. Имена переменных в JavaScript задаются с помощью идентификаторов (и ключевых слов, и функций, и меток). В большинстве компьютерных языков правила для юридических имен аналогичны.
- Начальным символом в JavaScript должна быть буква, знак подчеркивания (\_) или знак доллара (\$).
- В качестве последующих символов можно использовать буквы, цифры, символы подчеркивания или знаки доллара.
- В качестве первого символа нельзя использовать цифры. Это позволяет JavaScript различать идентификаторы и числа.
Регистр всех идентификаторов JavaScript важен. Переменные lastName и lastname — это не одно и то же:
```javascript var lastname, lastName; lastName = ‘Doe’; lastname = ‘Peterson’; ```
Синтаксис JavaScript
Синтаксис JavaScript — это набор принципов, описывающих создание приложений JavaScript:
```javascript var x, y, z; // Declare Variables x = 5; y = 6; // Assign Values z = x + y; // Compute Values ```
Значения JavaScript
Синтаксис JavaScript различает два типа значений:
- Фиксированные значения, также называемые литералами.
- Значения переменных, также называемые переменными.
Литералы JavaScript
Ниже приведены два наиболее важных синтаксических правила для фиксированных значений:
1. Для записи чисел используются десятичные знаки или не используются десятичные знаки:
— — 10.50, 1001
2. Текст, заключенный в двойные или одинарные кавычки, называется строкой:
— — «Джон Доу», «Джон Доу»
Переменные JavaScript
Переменные используются для хранения значений данных в компьютерных языках.
Ключевое слово var используется в JavaScript для объявления переменных.
При присвоении значений переменным используется знак равенства.
В этом примере переменная x определена как переменная. Затем значение 6 присваивается (задается) x:
```javascript var x; x = 6; ```
Операторы JavaScript
Для вычисления значений в JavaScript используются арифметические операторы (+ — \* /):
`(5 + 6) * 10`
Чтобы присвоить значения переменным в JavaScript, используйте оператор присваивания (=):
```javascript var x, y; x = 5; y = 6; ```
Выражения JavaScript
Выражение — это набор значений, переменных и операторов, который дает результат.
Оценка — это название, данное процессу вычислений.
Например, 5 \* 10 оценивается как 50:
`5 * 10`
Выражения также могут содержать значения переменных:
`x * 10`
Значения могут быть числами или строками различных типов.
Например, «Джон» + « « + «Доу» оценивается как «Джон Доу»:
"Джон" + " " + "Доу"
Ключевые слова JavaScript
Действия, которые необходимо выполнить, определяются с помощью ключевых слов JavaScript.
Ключевое слово var указывает браузеру создавать переменные в документе:
```javascript var x, y; x = 5 + 6; y = x * 10; ```
Комментарии JavaScript
Операторы JavaScript не все «выполняются».
Комментарии рассматриваются как код после двойного слэша / или между /_ и _/.
Комментарии будут проигнорированы и не будут выполняться:
```javascript var x = 5; // I will be executed // var x = 6; I will NOT be executed ```
Ниже вы найдете дополнительную информацию о комментариях.
Идентификаторы JavaScript
Имена являются идентификаторами.
Имена переменных в JavaScript задаются с помощью идентификаторов (и ключевых слов, и функций, и меток).
В большинстве компьютерных языков правила для юридических имен аналогичны.
Начальным символом в JavaScript должна быть буква, знак подчеркивания (\_) или знак доллара (\$).
Буквы, цифры, символы подчеркивания и знаки доллара могут использоваться в качестве последующих символов.
В качестве первого символа цифры не допускаются.
Это позволяет JavaScript различать идентификаторы и числа.
Синтаксис JavaScript чувствителен к регистру.
Регистр всех идентификаторов JavaScript важен.
Переменные lastName и lastname — это не одно и то же:
```javascript var lastname, lastName; lastName = ‘Doe’; lastname = ‘Peterson’; ```
VAR или Var не интерпретируются JavaScript как ключевое слово var.
JavaScript и Camel Case
Программисты традиционно использовали различные методы для объединения множества слов в одно имя переменной:
- Дефисы:
- Фразы с дефисами: имя, фамилия, мастер-карта, междугородний В JavaScript дефисы не допускаются. Они только для вычитания.
- Нижнее подчеркивание
Поставьте знак подчеркивания рядом с именем, фамилией, мастер-картой, межгородом.
- Верхний Кэмел-кейс (Паскаль-кейс).
Имя, Фамилия, MasterCard, InterCity.
- Нижний верблюжий регистр: верблюжий регистр, начинающийся со строчной буквы, обычно используется программистами JavaScript: firstName, lastName, masterCard, interCity.
Набор символов JavaScript
Набор символов Unicode используется JavaScript. Юникод охватывает (почти) все символы мира, знаки препинания и символы.
JavaScript-комментарии
Комментарии JavaScript можно использовать для объяснения и улучшения читабельности кода JavaScript.
Однострочные комментарии
// обозначает начало однострочного комментария. JavaScript игнорирует любой текст между // и концом строки (не будет выполняться). Каждой строке кода в этом примере предшествует однострочный комментарий:
```javascript // Change heading: document.getElementById(‘myH’).innerHTML = ‘My First Page’; // Change paragraph: document.getElementById(‘myP’).innerHTML = ‘My first paragraph.’; ```
Многострочные комментарии
Комментарии, занимающие несколько строк, начинаются с /_ и заканчиваются _/. JavaScript будет игнорировать любой текст между /_ и _/.
```javascript /* The code below will change the heading with id = “myH” and the paragraph with id = “myP” in my web page: */ document.getElementById(‘myH’).innerHTML = ‘My First Page’; document.getElementById(‘myP’).innerHTML = ‘My first paragraph.’; ```
Для иллюстрации кода в этом примере используется многострочный комментарий (блок комментариев). Однострочные комментарии являются наиболее распространенными. Для формальной документации часто используются блочные комментарии.
Предотвращение выполнения с помощью комментариев
Тестирование кода может выиграть от использования комментариев, чтобы избежать выполнения кода. Когда вы ставите // перед строкой кода, она превращается в комментарий, а не в исполняемую строку.
Ресурсы
Вам могут пригодиться следующие ресурсы:
Учебник: События Javascript Dom
Учебник: методы Javascript Dom
Учебник: Как работает Javascript
"Тревога"
"Коробка"
"Кнопка"
"Анимация"
"Карусель"
"Крах"
"Карта"
"Падать"
"Таблица данных"
"Икона"
"Вход"
"Выбор из нескольких вариантов"
"Уведомление"
"Трещать"
"Рейтинг"
"Прогресс"
"Радио"
"Выбирать"
"Выключатель"
"Стол"