Переменные, типы данных и консоль в JavaScript

Главная
Ресурсы
Библиотека
JavaScript
Переменные, типы данных и консоль в JavaScript

Что такое переменные

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

В JavaScript переменные создаются с помощью let, const или (реже) var:

let username = "Анатолий";
let age = 35;
const pi = 3.14;

let и const: в чём разница

let — переменную можно изменить.
const — значение изменить нельзя.

let city = "Саратов";
city = "Москва"; // OK

const country = "Россия";
country = "США"; // Ошибка

Типы данных в JavaScript

Вот базовые типы данных:

string — текст, например: "Привет"
number — число: 42, 3.14
boolean — логическое значение: true или false
undefined — переменная есть, но значения нет
null — намеренно указано, что значения нет

typeof: как узнать тип переменной

let name = "Аня";
console.log(typeof name); // string

let count = 10;
console.log(typeof count); // number

Зачем вообще нужна консоль в JavaScript

Консоль — это инструмент в браузере, с помощью которого можно наблюдать за работой кода, выводить сообщения, находить ошибки и экспериментировать. Она помогает видеть, что реально происходит внутри программы.

Например, команда console.log("Привет") покажет это слово в консоли браузера. Это удобно для отладки и понимания логики скрипта.

Можно ли обойтись без консоли?

Код JavaScript будет работать и без использования console.log, но без него сложно понять, что именно происходит. Особенно на этапе обучения. Консоль позволяет отслеживать переменные, выполнять команды, находить баги и получать мгновенный результат.

Поэтому даже опытные разработчики используют её каждый день.

Преимущества использования консоли

Понимание кода: вывод значений, пошаговая логика выполнения.
Отладка: легко увидеть ошибки и исправить их.
Эксперименты: можно вводить и проверять команды прямо в браузере.
Работа с DOM: менять текст, стили, элементы без правки HTML-файла.

Консоль — это ваши «глаза» в мире JavaScript. Без неё изучение языка становится в разы сложнее.

Как открыть консоль в браузере

Открой Chrome или Яндекс.Браузер
Нажми F12 или ПКМ → «Просмотреть код» → вкладка «Console»
Введи команду: console.log("Привет!");

Практика: выводим переменные в консоль

let user = "Катя";
let age = 25;

console.log("Имя пользователя:", user);
console.log("Возраст:", age);

Типичные ошибки новичков

Незакрытые кавычки: "Привет
Имена переменных с цифры: let 1name — ошибка
Использование = вместо == — об этом позже

Как писать комментарии в JavaScript

Комментарии — это строки в коде, которые не выполняются. Они нужны, чтобы объяснить, что делает код. Особенно полезны, когда вы возвращаетесь к своему проекту через неделю или месяц.

В JavaScript есть два вида комментариев:

Однострочный комментарий — начинается с //. Всё, что идёт после, игнорируется:

// Это переменная с именем пользователя
let username = "Анна";

Многострочный комментарий — используется для длинных объяснений или отключения целого блока кода. Начинается с /* и заканчивается */:

/* 
  Этот блок создаёт переменную
  и выводит её значение в консоль
*/
let city = "Москва";
console.log(city);

Комментарии не видны на сайте — они только для вас и других разработчиков.

Правило хорошего тона: комментируйте код, особенно если делаете что-то новое. Это помогает лучше понять, что происходит.

Совет: Пиши по чуть-чуть и сразу проверяй в консоли. Ошибки — это нормально. Главное — не бояться их.

Что дальше

В следующем уроке: операторы — арифметические, логические и сравнения. Научимся складывать, вычитать и проверять значения.

К содержанию курса