Переменные

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

Цель урока

В этом уроке ты научишься:

Создавать переменные для хранения данных
Понимать разницу между let и const
Правильно называть переменные

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

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

let userName = "Иван";

Здесь:

let — команда для создания переменной
userName — название переменной (наклейка на коробке)
"Иван" — значение (то, что лежит в коробке)

Создание переменных

let — для изменяемых значений

Используй let, когда значение может меняться:

let age = 25;
console.log(age); // 25

age = 26; // изменяем значение
console.log(age); // 26

const — для постоянных значений

Используй const, когда значение не должно меняться:

const SITE_NAME = "Unmake";
console.log(SITE_NAME); // "Unmake"

// SITE_NAME = "Other"; // Ошибка! Нельзя изменить const

Какой выбрать?

Начинай с const. Если позже понадобится изменить значение — замени на let.

Правила именования

Что можно использовать

Буквы (латинские): name, userName
Цифры (не в начале): user1, age25
Символы $ и _: $price, _private

Что нельзя использовать

Цифры в начале: ~~1user~~
Пробелы: ~~user name~~
Дефисы: ~~user-name~~
Зарезервированные слова: ~~let~~, ~~function~~

Хорошие названия

// Понятно, что хранится
let userName = "Иван";
let userAge = 25;
let isLoggedIn = true;
let itemCount = 10;

// Константы пишут ЗАГЛАВНЫМИ
const MAX_SIZE = 100;
const API_URL = "https://api.example.com";

Плохие названия

// Непонятно, что хранится
let a = "Иван";
let x = 25;
let temp = true;

Работа с переменными

Объявление и присваивание

// Объявляем и сразу присваиваем
let message = "Привет";

// Объявляем, потом присваиваем
let greeting;
greeting = "Здравствуй";

Изменение значения

let counter = 0;
console.log(counter); // 0

counter = 10;
console.log(counter); // 10

counter = counter + 5;
console.log(counter); // 15

Копирование значений

let original = "Привет";
let copy = original;

console.log(original); // "Привет"
console.log(copy);     // "Привет"

copy = "Пока";
console.log(original); // "Привет" — не изменился
console.log(copy);     // "Пока"

Вывод в консоль

Для вывода значений используется console.log():

let name = "Иван";
let age = 25;

console.log(name);        // Иван
console.log(age);         // 25
console.log(name, age);   // Иван 25
console.log("Имя:", name); // Имя: Иван

Частые ошибки

Повторное объявление

let message = "Привет";
let message = "Пока"; // Ошибка! Переменная уже существует

Использование до объявления

console.log(name); // Ошибка! Переменная не объявлена
let name = "Иван";

Изменение const

const PI = 3.14;
PI = 3.15; // Ошибка! Нельзя изменить const

Итого

Что	Как
Создать изменяемую переменную	`let name = "Иван";`
Создать константу	`const MAX = 100;`
Изменить значение	`name = "Петр";`
Вывести в консоль	`console.log(name);`

Правила: