JS: переменные и типы

Введение

На уроке 01 мы уже использовали prompt и console.log. После проекта «Лендинг» переходим к JavaScript: переменные для хранения данных и базовые типы — строки, числа, логические значения. Это основа для дальнейшей работы с DOM и интерактивностью.

Задачи

• Использовать let и const для объявления переменных.
• Работать со строками, числами и boolean.
• Применять typeof для проверки типа.
• Выполнять операции: сложение, конкатенация, сравнение.

let и const

let name = "Анна";
const age = 14;
 
name = "Мария"; // можно изменить
age = 15; // ошибка! const нельзя переназначить

const — для значений, которые не меняются. let — когда значение будет перезаписываться.

Строки (string)

const s1 = "Привет";
const s2 = 'Мир';
const s3 = `Шаблон: ${s1} ${s2}`; // интерполяция
 
console.log(s1 + " " + s2); // конкатенация
console.log(s3); // "Шаблон: Привет Мир"

Шаблонные строки (`) позволяют вставлять переменные через ${}.

Числа (number)

const a = 10;
const b = 3.14;
console.log(a + b);
console.log(a - b);
console.log(a * b);
console.log(a / b);
console.log(a %

Делить на ноль даёт Infinity или NaN (Not a Number).

Логический тип (boolean)

const isReady = true;
const isEmpty = false;

Результаты сравнений: 5 > 3 → true, 5 === "5" → false.

Строгое равенство === и !==

5 == "5" // true (приведение типов)
5 === "5" // false (без приведения)
 
5 !== "5" // true

Рекомендуется использовать === и !==.

typeof

console.log(typeof "текст"); // "string"
console.log(typeof 42); // "number"
console.log(typeof true); // "boolean"
console.log(typeof null); // "object" (особенность JS)

null и undefined

undefined — переменная объявлена, но значения нет. null — «пустое» значение по намерению.

let x;
console.log(x); // undefined
 
const y = null;

Практика

Задание №1

Создай переменные name и age. Выведи в консоль фразу через шаблонную строку.

Задание №2

Вычисли 2 ** 10 и сохрани в переменную. Выведи результат.

Задание №3

prompt() возвращает строку. Спроси число, преобразуй через Number() и выведи удвоенное значение.

Задание №4

Проверь типы: typeof для строки, числа, boolean, undefined.

Подведём итоги

Мы изучили переменные (let, const), типы (string, number, boolean) и базовые операции. На следующем уроке — условия и циклы.

Типичные ошибки

• Переопределять const — константу нельзя присваивать заново.
• Ожидать число от prompt() — а возвращается строка, и "5" + 1 даёт "51", а не 6 (нужен parseInt).
• Путать let и var — let имеет блочную область видимости.
• Смешивать строки и числа в арифметике без преобразования — в результате получится NaN или строковая склейка вместо ожидаемого числа.

Домашнее задание

Упражнение №1

Спроси имя и возраст через prompt. Выведи в консоль приветствие через шаблонную строку. Используй Number() для возраста.

Упражнение №2

Спроси два числа. Выведи их сумму, разность, произведение и частное. Проверь на деление на ноль.

Упражнение №3

Создай переменные a = 5, b = 10. Поменяй их значения местами (через третью переменную) и выведи результат.

Упражнение №4

Используй typeof для проверки: если prompt вернул null (отмена), выведи «Ввод отменён». Иначе выведи тип введённого значения.

Упражнение №5

Спроси температуру в градусах Цельсия. Преобразуй в Кельвины (K = C + 273.15) и Фаренгейты (F = C * 1.8 + 32). Выведи оба результата.