Изучение основ JavaScript: Переменные

Этот материал разработан для углубленного понимания концепции переменных в JavaScript.

Введение в Переменные

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

Переменная в программировании — это именованное хранилище для данных.

2. Зачем нужны переменные?

• Манипуляции с данными: позволяют выполнять различные действия с хранимыми значениями.
• Структурирование кода: делают код более организованным и читаемым.
• Избежание дублирования: пПозволяют использовать одно и то же значение в нескольких местах, меняя его только в одном.
• Повторное использование: одно и то же значение можно "подсунуть" в разные функции или команды.

3. Объявление и присвоение значений переменным

let myVariable // Объявление переменной
 
myVariable = "Hello World" // Присвоение значения переменной
 
let myVariable = "Hello World" // Инициализация (объявление и присвоение в одной строке)
 
window.alert(myVariable) // "Hello World"

4. Как правильно и неправильно создавать переменные?

• let — для переменных, которые можно изменять

• const — для значений, которые остаются неизменными

// ✅ Правильные примеры
let userName = "Анна";      // camelCase — стандарт для JS
const MAX_USERS = 100;      // константы пишут ЗАГЛАВНЫМИ буквами
let age2 = 25;              // можно добавлять цифры в конце
 
window.alert(age2) // 25
 
// ❌ Неправильные примеры
let 2age = 30;              // нельзя начинать с цифры
let my-name = "Иван";       // дефис запрещён (в JS это вычитание)
let let = "текст";          // нельзя использовать зарезервированные слова

5. Типы данных и операции с переменными

• String (строка): текст в кавычках
  Пример: "Привет", 'Мир'

• Number (число): целые и дробные числа
  Пример: 42, 3.14

• Boolean (логический): true или false
  Пример: true, false

• undefined: переменная объявлена, но значения нет
  Пример: let x; console.log(x); // undefined

• null: пустое значение, переменная специально обнуляется
  Пример: let user = null;

6. Важность практики и избежание ошибок

• is not defined — переменная не объявлена (ReferenceError)
• undefined — переменная объявлена, но без значения
• Ошибка строк без кавычек — строки в JS обязательно должны быть в кавычках, иначе будет ошибка синтаксиса

7. Основное о переменных

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