Учебник по JS

ГЛАВНАЯ JS Введение JS Куда Вывод JS Заявления JS JS-синтаксис JS-комментарии JS-переменные JS Пусть Константа JS JS-операторы JS-арифметика Назначение JS JS-типы данных JS-функции JS-объекты JS-события JS-строки Строковые методы JS Поиск строки JS Шаблоны строк JS JS-номера Методы номеров JS JS-массивы Методы массива JS Сортировка массива JS Итерация массива JS Константа массива JS JS-даты Форматы даты JS Методы получения даты JS Методы установки даты JS JS-математика JS Случайный JS Булевы значения Сравнение JS JS-условия JS-переключатель JS цикл для Цикл JS для входа Цикл JS для Цикл JS во время Перерыв JS JS-итерации JS-наборы JS-карты JS Typeof Преобразование типов JS JS побитовый JS регулярное выражение JS-ошибки Область JS JS-подъем Строгий режим JS JS это ключевое слово Функция стрелки JS JS-классы JS JSON JS-отладка Руководство по стилю JS Лучшие практики JS JS-ошибки JS-производительность Зарезервированные слова JS

JS-версии

JS-версии JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE/пограничный История JS

JS-объекты

Определения объектов Свойства объекта Методы объекта Отображение объекта Средства доступа к объектам Конструкторы объектов Прототипы объектов Итерации объектов Наборы объектов Карты объектов Ссылка на объект

JS-функции

Определения функций Параметры функции Вызов функции Вызов функции Функция Применить Закрытие функций

JS-классы

Введение в класс Наследование классов Статический класс

JS асинхронный

Обратные вызовы JS JS асинхронный JS-обещания JS асинхронный/ожидание

JS HTML DOM

Дом Введение DOM-методы Документ DOM DOM-элементы DOM HTML DOM-формы ДОМ CSS DOM-анимации События ДОМ Слушатель событий DOM DOM-навигация DOM-узлы Коллекции DOM Списки узлов DOM

Спецификация браузера JS

JS-окно JS-экран Местоположение JS История JS JS-навигатор Всплывающее оповещение JS JS Тайминг JS-куки

JS-веб-API

Введение в веб-API API веб-форм API истории веб-поиска API веб-хранилища API веб-работника API веб-выборки API веб-геолокации

JS АЯКС

Введение в АЯКС AJAX XMLHttp АЯКС-запрос AJAX-ответ XML-файл AJAX АЯКС PHP АЯКС АСП База данных AJAX AJAX-приложения Примеры AJAX

JS JSON

Введение в JSON Синтаксис JSON JSON против XML Типы данных JSON Анализ JSON Строковая JSON JSON-объекты JSON-массивы JSON-сервер JSON PHP JSON HTML JSON JSONP

JS против JQuery

Селекторы jQuery JQuery HTML jQuery CSS JQuery DOM

JS-графика

JS-графика JS Холст JS сюжет JS Chart.js JS Google Диаграмма JS D3.js

JS-примеры

JS-примеры JS HTML DOM JS HTML-ввод HTML-объекты JS HTML-события JS JS-браузер JS-редактор JS-упражнения JS-викторина JS-сертификат

JS-ссылки

Объекты JavaScript HTML DOM-объекты


Операторы JavaScript


Пример

let x, y, z;    // Statement 1
x = 5;          // Statement 2
y = 6;          // Statement 3
z = x + y;      // Statement 4

JavaScript-программы

Компьютерная программа представляет собой список «инструкций», которые должны быть «выполнены» компьютером.

В языке программирования эти инструкции по программированию называются операторами .

Программа JavaScript представляет собой список операторов программирования .

В HTML программы JavaScript выполняются веб-браузером.


Операторы JavaScript

Операторы JavaScript состоят из:

Значения, операторы, выражения, ключевые слова и комментарии.

Этот оператор говорит браузеру написать «Hello Dolly». внутри HTML-элемента с id="demo":

Пример

document.getElementById("demo").innerHTML = "Hello Dolly.";

Большинство программ JavaScript содержат множество операторов JavaScript.

Операторы выполняются один за другим в том же порядке, в котором они написаны.

Программы JavaScript (и операторы JavaScript) часто называют кодом JavaScript.


точки с запятой;

Операторы JavaScript разделяются точками с запятой.

Добавьте точку с запятой в конце каждого исполняемого оператора:

Примеры

let 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

При разделении точкой с запятой допускается несколько операторов в одной строке:

a = 5; b = 6; c = a + b;

В Интернете вы можете увидеть примеры без точки с запятой.
Окончание операторов точкой с запятой не требуется, но настоятельно рекомендуется.



Белое пространство JavaScript

JavaScript игнорирует несколько пробелов. Вы можете добавить пробелы в свой сценарий, чтобы сделать его более читаемым.

Следующие строки эквивалентны:

let person = "Hege";
let person="Hege";

Хорошей практикой является размещение пробелов вокруг операторов ( = + - * / ):

let x = y + z;

Длина строки JavaScript и разрывы строк

Для лучшей читабельности программисты часто стараются избегать строк кода длиннее 80 символов.

Если оператор JavaScript не помещается на одной строке, лучше всего разбить его после оператора:

Пример

document.getElementById("demo").innerHTML =
"Hello Dolly!";

Блоки кода JavaScript

Операторы JavaScript могут быть сгруппированы в блоки кода внутри фигурных скобок {...}.

Блоки кода предназначены для определения операторов, которые должны выполняться вместе.

Одно место, где вы найдете операторы, сгруппированные в блоки, находится в функциях JavaScript:

Пример

function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "How are you?";
}

В этом уроке мы используем 2 пробела отступа для блоков кода.
Вы узнаете больше о функциях позже в этом руководстве.


Ключевые слова JavaScript

Операторы JavaScript часто начинаются с ключевого слова , определяющего действие JavaScript, которое необходимо выполнить.

В нашем справочнике зарезервированных слов перечислены все ключевые слова JavaScript.

Вот список некоторых ключевых слов, о которых вы узнаете в этом руководстве:

Ключевое слово Описание
var Объявляет переменную
let Объявляет блочную переменную
const Объявляет константу блока
if Помечает блок операторов для выполнения при условии
switch Помечает блок операторов для выполнения в разных случаях
for Помечает блок операторов для выполнения в цикле
function Объявляет функцию
return Выход из функции
try Реализует обработку ошибок в блоке операторов

Ключевые слова JavaScript являются зарезервированными словами. Зарезервированные слова нельзя использовать в качестве имен переменных.