Какие знаешь особенности у const?

Особенности ключевого слова const в JavaScript

Ключевое слово const является одним из трех способов объявления переменных в ES6 (наряду с let и var). Его главная особенность — создание константной ссылки на значение. Это означает, что переменная, объявленная через const, не может быть переназначена (т.е., ей нельзя присвоить новое значение после первоначального объявления). Однако это не делает само значение неизменным («immutable») — это зависит от типа данных.

Основные особенности const

1. Невозможность повторного присваивания

После объявления переменной с const попытка присвоить ей новое значение приведет к ошибке.

const PI = 3.14159;
PI = 3.14; // Ошибка: TypeError: Assignment to constant variable.

2. Обязательная инициализация при объявлении

Переменная const должна быть сразу объявлена с значением. Объявление без инициализации недопустимо.

const x; // Ошибка: SyntaxError: Missing initializer in const declaration
const y = 10; // Правильно

3. Блоковая область видимости (Block Scope)

Как и let, const имеет блоковую область видимости. Это означает, что переменная доступна только внутри блока {}, где она была объявлена (включая блоки функций, циклов, условий).

if (true) {
    const secret = "hidden";
    console.log(secret); // "hidden"
}
console.log(secret); // Ошибка: ReferenceError: secret is not defined

4. Не поднимается в отличие от var (const не «hoisted» в традиционном понимании)

Технически, переменные const и let тоже «поднимаются» (hoisted), но их объявление не инициализируется до фактической строки кода в блоке. Это приводит к «Temporal Dead Zone» (TDZ) — периоду между началом блока и моментом объявления, когда переменная недоступна.

console.log(myConst); // Ошибка: ReferenceError: Cannot access 'myConst' before initialization
const myConst = 5;

5. Не создаёт свойство в глобальном объекте window

При объявлении в глобальной области видимости const, как и let, не создаёт свойства в глобальном объекте (window для браузеров). Это отличает его от var.

var globalVar = "var";
const globalConst = "const";

console.log(window.globalVar); // "var"
console.log(window.globalConst); // undefined (в браузерах)

6. Зависимость мутабельности от типа данных

Это ключевая особенность, которую часто неправильно понимают. const фиксирует ссылку, но не само значение.

• Для примитивов (числа, строки, булевы значения) — значение действительно неизменяемо, так как примитивы хранятся по значению.

  const num = 5;
  // Любая попытка изменения num приведёт к ошибке.
  

• Для объектов и массивов — содержимое может изменяться! Константной является только ссылка на объект/массив, но не его внутренние свойства или элементы.

  const person = { name: "Alice" };
  person.name = "Bob"; // Это допустимо! Мы изменяем свойство объекта.
  console.log(person); // { name: "Bob" }
  
  person = { name: "Carol" }; // Ошибка! Попытка переназначить ссылку.
  
  const arr = [1, 2];
  arr.push(3); // Допустимо.
  arr[0] = 0;  // Допустимо.
  console.log(arr); // [0, 2, 3]
  

7. Использование с объектами для создания «частичной» иммутабельности

Если требуется сделать сам объект неизменным, необходимо использовать дополнительные методы, такие как Object.freeze() (для поверхностной «заморозки») или библиотеки для глубокой иммутабельности.

const frozenObject = Object.freeze({ key: "value" });
frozenObject.key = "new"; // Не изменит объект (в строгом режиме будет ошибка)
console.log(frozenObject.key); // "value"

Практические рекомендации по использованию const

• Основной выбор для объявления переменных: в современном JavaScript рекомендуется использовать const по умолчанию для всех переменных, значения которых не планируется переназначать. Это делает код более предсказуемым и предотвращает случайные переопределения.
• Для объектов и массивов: const идеально подходит для объявления объектов и массивов, поскольку обычно мы манипулируем их содержимым, а не заменяем весь объект целиком.
• Сочетание с let: Используйте let только для переменных, которым действительно потребуется повторное присваивание (например, счетчики в циклах, значения, вычисляемые в несколько этапов).
• Избегайте var: В большинстве случаев var можно полностью избегать благодаря более строгим и предсказуемым правилам const и let.

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