Какую проблему решает const?

Какую проблему решает const?

const решает несколько критических проблем, которые были присущи объявлению переменных через var и в меньшей степени let. Он обеспечивает безопасность кода, делает намерения разработчика ясными и предотвращает случайные изменения значений.

Основные проблемы, которые решает const

1. Предотвращение случайного переприсваивания

С var и let переменную можно случайно переписать, что приводит к ошибкам:

// ❌ Проблема с var/let
let userId = 123;
// ... много кода ...
userID = 456; // опечатка в имени, но JavaScript не заметит
// Баг сложно найти!

// ✅ Решение с const
const userId = 123;
userID = 456; // ❌ ReferenceError: userID is not defined
userId = 456; // ❌ TypeError: Assignment to constant variable

2. Явное выражение намерения разработчика

const показывает, что значение не должно меняться:

// Когда видишь const - сразу понимаешь, что это константа
const API_URL = 'https://api.example.com';
const MAX_RETRIES = 3;
const USER_ROLES = ['admin', 'user', 'guest'];

// let говорит: "это переменная, которая будет меняться"
let currentUser = null;
let retryCount = 0;

3. Защита от ошибок в циклах

// ❌ Проблема с var - переменная поднимается на верх функции
function createHandlers() {
  var handlers = [];
  for (var i = 0; i < 3; i++) {
    handlers.push(() => console.log(i));
  }
  return handlers;
}

const h = createHandlers();
h[0](); // выведет 3, а не 0!
h[1](); // выведет 3, а не 1!

// ✅ Решение с const - создаёт новую область видимости для каждой итерации
function createHandlers() {
  const handlers = [];
  for (const i of [0, 1, 2]) {
    handlers.push(() => console.log(i));
  }
  return handlers;
}

const h = createHandlers();
h[0](); // выведет 0 ✅
h[1](); // выведет 1 ✅

4. Область видимости (Block Scope)

const имеет блочную область видимости, что предотвращает утечку переменных:

// ❌ Проблема с var - утекает из блока
if (true) {
  var x = 10;
}
console.log(x); // 10 - переменная доступна снаружи!

// ✅ Решение с const/let - блочная область видимости
if (true) {
  const y = 10;
}
console.log(y); // ReferenceError: y is not defined

5. Оптимизация движками JavaScript

Движки могут лучше оптимизировать код, зная, что значение const не изменится:

const PI = 3.14159; // Движок может встроить это значение
const config = { url: 'https://api.example.com' }; // Движок знает, что ссылка не изменится

Важное уточнение: const не делает объекты immutable

// const защищает от переприсваивания, но не от изменения содержимого
const user = { name: 'John', age: 30 };

user = {}; // ❌ TypeError: Assignment to constant variable
user.name = 'Jane'; // ✅ OK - изменяем свойство
user.age = 31; // ✅ OK - изменяем свойство

const numbers = [1, 2, 3];
numbers = []; // ❌ TypeError: Assignment to constant variable
numbers.push(4); // ✅ OK - изменяем массив

Best Practices

// ✅ Используй const по умолчанию
const apiUrl = 'https://api.example.com';
const maxRetries = 3;
const users = fetchUsers();

// ✅ Используй let только если переменная будет меняться
let retryCount = 0;
let currentUser = null;

for (let i = 0; i < maxRetries; i++) {
  retryCount++;
}

// ❌ Никогда не используй var
var oldVariable = 'avoid'; // устарелый подход

Преимущества const в командной разработке

1. Самодокументирующийся код — const сразу показывает, что это неизменяемое значение
2. Меньше ошибок при code review — легче заметить, что случайно пытаются изменить const
3. Лучше для рефакторинга — можно безопасно полагаться на то, что значение не изменится
4. Улучшенная типизация в TypeScript — const даёт более точные типы

// TypeScript узнает точный тип для const
const status = 'active'; // type: 'active'
let flexibleStatus: string = 'active'; // type: string

// Важно для discriminated unions
type Result = { status: 'success'; data: any } | { status: 'error'; message: string };
const result: Result = { status: 'success', data: [] }; // TypeScript знает точный статус

Итоговая рекомендация

Используй const по умолчанию для всех переменных, которые не будут переприсваиваться. Это делает код безопаснее, понятнее и предотвращает целый класс ошибок. const решает проблемы, которые были неотъемлемой частью кода с var и частично затрагивали let.