Что такое иммутабельность? Можно ли сделать массив, объявленный через const, иммутабельным?

Иммутабельность означает, что после создания значение нельзя изменить. В JavaScript примитивы (числа, строки, булевы значения) иммутабельны по своей природе, а объекты и массивы — нет. Переменная, объявленная через const, лишь запрещает переприсваивание ссылки, но сам объект по этой ссылке остаётся изменяемым.

Почему const не делает массив иммутабельным

Когда вы пишете const arr = [1, 2, 3], движок фиксирует привязку имени arr к массиву. Но содержимое массива — это отдельная сущность, и её можно менять:

const arr = [1, 2, 3];
arr.push(4);        // [1, 2, 3, 4]
arr[0] = 99;        // [99, 2, 3, 4]
arr.length = 0;     // []
// arr = [];        // TypeError: Assignment to constant variable

Ошибка возникает только при попытке присвоить переменной новое значение. Мутации содержимого проходят без предупреждений.

Как получить настоящую иммутабельность

• Object.freeze — замораживает объект на верхнем уровне: нельзя добавлять, удалять и изменять свойства.
• Копирование — вместо мутации создавайте новый массив через spread, map, filter, concat.
• Библиотеки — Immer, Immutable.js дают удобные API для неизменяемых структур.

const arr = Object.freeze([1, 2, 3]);
arr.push(4);   // TypeError в strict mode, молча игнорируется в sloppy
arr[0] = 99;   // не изменится

// Иммутабельное обновление через копию
const next = [...arr, 4]; // [1, 2, 3, 4]

Важно: Object.freeze работает поверхностно. Вложенные объекты остаются изменяемыми, для глубокой заморозки нужна рекурсивная функция или structuredClone с последующим freeze.

Где это применяется

Иммутабельность критична в React и Redux: изменение состояния через мутацию ломает сравнение ссылок и мешает перерисовке. В функциональном программировании неизменяемые данные упрощают рассуждения о коде и безопасны в многопоточных сценариях.

Итог: используйте const для защиты от переприсваивания, а для настоящей иммутабельности — Object.freeze или создание новых копий при каждом изменении.