Введение в JavaScript

JavaScript — язык программирования, который оживляет веб-страницы: реагирует на нажатия, проверяет формы, подгружает данные без перезагрузки. Он встроен в каждый браузер, поэтому для начала не нужно ничего устанавливать.

Где выполняется JavaScript

Изначально JavaScript работал только в браузере — прямо на компьютере посетителя сайта. Сегодня его запускают и на сервере с помощью Node.js, поэтому на одном языке можно написать и интерфейс, и серверную часть.

Примеры в этом учебнике выполняются в вашем браузере. Нажмите «Запустить» под любым из них, а затем попробуйте изменить код и запустить снова.

Первая программа

Команда console.log() выводит значение, которое передано ей в скобках. В браузере результат попадает в консоль разработчика, а здесь — в блок под примером:

console.log('Привет, мир!'); // Привет, мир!

Текст в кавычках называется строкой. Комментарий // Привет, мир! справа показывает, что выведет программа, — так оформлены все примеры учебника.

Числа и вычисления

Кроме текста, console.log() умеет выводить числа. Числа пишут без кавычек, и с ними можно сразу считать:

console.log(2 + 3); // 5

Сначала JavaScript вычисляет выражение 2 + 3, а потом выводит результат. Если взять число в кавычки, оно станет строкой и выведется как текст.

Несколько инструкций

Одна команда программы называется инструкцией. Инструкции выполняются по порядку, сверху вниз, и каждую принято заканчивать точкой с запятой. Каждый вызов console.log() выводит новую строку:

console.log('Первая строка'); // Первая строка
console.log('Вторая строка'); // Вторая строка

Через запятую можно вывести сразу несколько значений — они разделяются пробелом:

console.log('Мне', 25, 'лет'); // Мне 25 лет

Комментарии

Комментарий — это пояснение в коде, которое JavaScript пропускает. Однострочный начинается с //, многострочный заключают между /* и */:

// Однострочный комментарий
 
/*
   Многострочный
   комментарий
*/
console.log('Комментарии не выводятся'); // Комментарии не выводятся

Хороший комментарий объясняет, зачем написан код, а не пересказывает, что он делает.

Частая ошибка

JavaScript различает регистр букв: console.log и Console.Log — разные имена. Опечатка в регистре приводит к ошибке, и программа останавливается на этой строке:

Console.log('Привет'); // ReferenceError: Console is not defined

Если пример не работает, первым делом сравните буквы в именах с образцом.