Переменные и типы

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

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

const price = 100        // ярлык «price» → значение 100
const total = price * 2  // используете ярлык вместо значения

Без переменных пришлось бы повторять значения повсюду, и нельзя было бы работать с меняющимися данными (ввод пользователя, ответы сервера).

У переменной есть три вещи: имя, значение и область видимости (часть кода, где она видна).

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

const name = 'Ana'
name = 'Ivan'        // ✗ TypeError: Assignment to constant variable

let count = 0
count = count + 1    // ✓

if (true) {
  let inside = 1
  var leaks = 2
}
inside               // ✗ ReferenceError — let живёт только в блоке
leaks                // 2 — var «утекает» из блока

const не значит «неизменяемый». Он фиксирует только связь имя → значение. Если значение — объект или массив, его содержимое может меняться:

const user = { name: 'Ana' }
user.name = 'Ivan'   // ✓ работает — меняется объект, а не связь
user = {}            // ✗ — попытка изменить связь

(Подробнее — в уроке Ссылки и иммутабельность.)

Что такое тип

У каждого значения есть тип — что это за данные и что с ними можно делать. JS — язык с динамической типизацией: тип есть не у переменной, а у значения. Одна и та же переменная let может хранить сначала число, потом строку.

Примитивные типы

Примитивы — простые неизменяемые значения, копируются по значению.

Объекты

Всё, что не примитив, — object: объекты {}, массивы [], функции, Date, Map… Объекты копируются по ссылке.

null или undefined

Проверка типа

typeof 'a'          // 'string'
typeof 42           // 'number'
typeof undefined    // 'undefined'
typeof null         // 'object'   ← ловушка
typeof []           // 'object'   ← ловушка
typeof (() => {})   // 'function'
Array.isArray([])   // true       ← так проверяют массив
x === null          // так проверяют null

== или ===

Truthy и falsy

В if, &&, || любое значение приводится к boolean. Falsy-значений всего 6: false, 0, '', null, undefined, NaN. Всё остальное — truthy, включая '0', [] и {}.

Операторы для отсутствующих значений

Правило: для значений по умолчанию используйте ??, а не || — иначе 0 и '' станут «отсутствующими».

Шаблонные строки

const msg = `Привет, ${name}! У вас ${count} сообщ.`

Обратные кавычки, выражения внутри ${}, можно писать в несколько строк.

Коротко

• Переменная = имя, связанное со значением; const по умолчанию, let — когда меняется, var — никогда.
• 7 примитивных типов (копируются по значению) + объекты (копируются по ссылке).
• Всегда ===; ?? для значений по умолчанию; ?. для безопасного доступа.

Официальные источники

• MDN — Grammar and types
• MDN — JavaScript data types
• MDN — Equality comparisons
• javascript.info — Variables