Переменные в JavaScript
Переменные — это контейнеры для хранения данных. В 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), чтобы увидеть красное сообщение об ошибке.
4. var — старый способ (не рекомендуется)
var — устаревший способ объявления переменных. У него есть особенности, которые могут привести к ошибкам. В современном JavaScript его не используют.
var oldVariable = 'старый стиль';
const по умолчанию. Если значение должно меняться — используйте let. var не используйте никогда.
5. Правила именования переменных
- Имя может содержать буквы, цифры, символы
$и_ - Имя не может начинаться с цифры
- Имя чувствительно к регистру (
myVarиmyvar— разные переменные) - Используйте осмысленные имена (
userName, а неx) - Для имён из нескольких слов используйте camelCase:
firstName,userAge