DevSkillRoad

Переменные в JavaScript

📦 var, let, const, область видимости

Переменные — это контейнеры для хранения данных. В JavaScript переменные объявляются с помощью ключевых слов var, let или const.

1. Что такое переменная?

Переменная — это именованное место в памяти, где хранится какое-то значение.

let name = 'Иван';
let age = 25;
console.log(name); // Иван
console.log(age);  // 25

✅ При нажатии создаётся переменная и выводится её значение

2. let — изменяемая переменная

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

При каждом нажатии на кнопку код внутри onclick выполняется заново. Переменная count создаётся каждый раз и получает значение 0, затем увеличивается на 1. Поэтому результат всегда будет 1.

// При каждом клике:
let count = 0;   // переменная создаётся заново
count = count + 1;  // становится 1
alert(count);    // всегда 1

✅ При каждом клике count = 1 (переменная создаётся заново)

3. const — неизменяемая переменная (константа)

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

const PI = 3.14159;
PI = 3.14; // ❌ Ошибка! Нельзя изменить константу

Где увидеть ошибку? Откройте консоль браузера (F12 → Console). При попытке изменить const там появится красное сообщение: TypeError: Assignment to constant variable.

✅ При нажатии на кнопку произойдёт ошибка. Откройте консоль (F12 → Console), чтобы увидеть красное сообщение об ошибке.

📌 Почему это важно: Консоль — лучший друг разработчика. Все ошибки JavaScript пишутся в консоль. Научитесь её открывать и читать ошибки — это первый шаг к отладке.

4. var — старый способ (не рекомендуется)

var — устаревший способ объявления переменных. У него есть особенности, которые могут привести к ошибкам. В современном JavaScript его не используют.

var oldVariable = 'старый стиль';
📌 Правило: Используйте const по умолчанию. Если значение должно меняться — используйте let. var не используйте никогда.

5. Правила именования переменных

📓 Из тетради: «Переменные — это основа любого языка. Запомните: const если значение не меняется, let если меняется. var — забудьте. Называйте переменные так, чтобы через полгода вы сами поняли, что там хранится».