Компьютерная программа представляет собой набор «инструкций», которые компьютер будет «выполнять». Эти компьютерные инструкции известны как операторы языка программирования. Список операторов программирования составляет программу 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

Начало работы с контрастом

Аккордеон

Автозаполнение

"Тревога"

"Коробка"

Значки

"Кнопка"

"Анимация"

Хлебные крошки

Кнопка панели инструментов

Баттон Групп

Флажок

"Карусель"

"Крах"

Выбор даты

"Карта"

"Падать"

"Таблица данных"

"Икона"

Ифрейм

Нижний колонтитул

"Вход"

Группа ввода

Маска

Список групп

"Выбор из нескольких вариантов"

Формы

Панель

"Уведомление"

Модал

"Трещать"

Панель

"Рейтинг"

"Прогресс"

"Радио"

"Выбирать"

Спиннер

Слайдер

Выбрать 2

"Выключатель"

Степпер

"Стол"

Виджеты