Присваивание
Арифметика дала символы, которые вычисляют новое число. Здесь вы кладёте результат в именованную «коробку» и позже обновляете её. Присваивание — это как переменные получают содержимое: через = и короткие формы вроде +=, которые значат «возьми старое значение, измени, положи обратно».
Что такое присваивание?
Присваивание сохраняет значение в переменной. Слева — имя. Справа — значение (или выражение, которое его даёт). После let points = 10; имя points хранит 10. Дальше можно читать это имя или записать новое значение.
Операторы с первого взгляда
📊 Повседневные операторы присваивания
| Оператор | Значит | То же, что |
|---|---|---|
= |
сохранить | (первая запись или полная замена) |
+= |
сложить и сохранить | x = x + … |
-= |
вычесть и сохранить | x = x - … |
*= |
умножить и сохранить | x = x * … |
/= |
разделить и сохранить | x = x / … |
%= |
остаток и сохранить | x = x % … |
Держите эту шпаргалку под рукой. Каждый ярлык всё ещё присваивание — просто сворачивает арифметику в одну инструкцию. Новичок должен уметь развернуть += в уме до x = x + ….
let points = 10;
console.log(points);
let label = "ready";
console.log(label);
let total = 4 + 6;
console.log(total);
Повторное присваивание с let
С let позднее присваивание заменяет сохранённое значение. Так и делают счётчики, очки и поля формы, которые меняются.
let score = 0;
console.log(score);
score = 10;
console.log(score);
score = score + 5;
console.log(score);
Консоль показывает 0, затем 10, затем 15. Каждый = записывает новое значение в score. Берите const, когда имя не должно меняться после первой записи — const отклоняет второе присваивание этому имени.
Составное присваивание (ярлыки)
Ярлыки обновляют и сохраняют в одной строке. Слева остаётся то же имя.
let n = 8;
n += 2;
console.log(n);
n -= 3;
console.log(n);
n *= 2;
console.log(n);
n /= 4;
console.log(n);
n %= 3;
console.log(n);
Начните с 8. После += 2 будет 10. После -= 3 → 7. После *= 2 → 14. После /= 4 → 3.5. После %= 3 → 0.5. Проследите каждый ярлык по отдельности, пока схема не станет привычной.
+= с текстом
+= работает и когда сохранённое значение — строка: дописывает текст. Удобно собирать сообщение по шагам.
let msg = "Hi";
msg += " ";
msg += "Sam";
console.log(msg);
let line = "score=";
line += 12;
console.log(line);
msg становится "Hi Sam". line становится "score=12", потому что склейка числа со строкой даёт текст. Та же идея, что ловушка + в арифметике — знайте, числа вам нужны или сообщение.
= сохраняет; === сравнивает
Один знак равенства сохраняет. Три спрашивают: «одинаковы ли значение и тип?» Путать их — классика: if (x = 5) сохраняет 5 вместо сравнения.
let x = 5;
console.log(x);
console.log(x === 5);
console.log(x === "5");
x = 9;
console.log(x === 9);
После let x = 5 лог x равен 5. x === 5 — true. x === "5" — false (число против строки). Позже x = 9 сохраняет новое значение; тогда x === 9 — true. Глубокий урок сравнения впереди — здесь нужен только контраст «сохранить / спросить».
Обновить счётчик на странице
Сохраните начальный счёт, увеличьте через += и запишите результат на страницу.
<!DOCTYPE html>
<html>
<head>
<title>Assignment — page counter</title>
</head>
<body>
<p id="out">…</p>
<script>
let clicks = 0;
clicks += 1;
clicks += 2;
let box = document.getElementById("out");
box.textContent = "clicks=" + clicks;
</script>
</body>
</html>
Старт с 0, плюс 1, плюс 2 → страница показывает clicks=3. Меняйте ярлыки, обновляйте страницу, проверяйте текст. Настоящие кнопки позже вызовут ту же идею; это демо только про сохранение и обновление.
Попробуйте сами
- Сохраните
let a = 3, выведитеa, затем присвойтеa = 7и выведите снова. - Начните с
let n = 10, выполнитеn += 4, выведитеn. - С этим
nвыполнитеn *= 2и выведите. - Соберите
let s = "Go", затемs += "!"и выведите. - Выведите рядом
7 === 7и7 === "7". - В HTML-демо меняйте только второй ярлык (
+= 2), обновите страницу и прочитайте новое clicks.
Частые ошибки
- Писать
=вместо===в условии - Пытаться переприсвоить имя
constпосле первой записи - Забывать имя переменной слева (один
+= 5недопустим) - Считать, что
+=только для чисел — строки тоже дописываются - Путать присваивание (сохранить) с чистой арифметикой (новое значение без целевого имени)
Кратко
=сохраняет значение в переменнойletразрешает поздние записи;constфиксирует первую+=-=*=/=%=обновляют и сохраняют за один шаг+=может дописать текст или сложить числа=сохраняет;===сравнивает — не меняйте местами- Дальше: сравнение — вопросы через
===,!==,<,>и другие
🧠 Проверьте Свои Знания
Проверьте Свои Знания
Бросьте себе вызов с помощью этой интерактивной викторины и узнайте, насколько хорошо вы понимаете тему
📝 Инструкции
- Внимательно прочитайте каждый вопрос
- Выберите лучший ответ на каждый вопрос
- Вы можете пересдавать тест столько раз, сколько захотите
- Ваш прогресс будет показан вверху