Что такое имутабельность и мутабильность?

Question

Имутабельность означает, что объект или значение не могут быть изменены после создания. Мутабильность, наоборот, позволяет изменять данные. В JavaScript примитивные типы данных (например, строки, числа) неизменяемы, а объекты и массивы могут быть изменены. Имутабельные структуры данных позволяют избегать неожиданных изменений и делают программы более предсказуемыми.

YeaHub · Accepted Answer

Имутабельность — это концепция, согласно которой данные не могут быть изменены после их создания. Вместо изменения исходных данных создается новая копия с внесёнными изменениями. В JavaScript примитивные типы, такие как строки, числа и булевы значения, являются неизменяемыми, что означает, что любые операции над ними создают новые значения. Например:let str = "Hello"; 
str[0] = "h"; // Строки неизменяемы, эта операция не изменит строку 
console.log(str); // "Hello"Мутабильные объекты, такие как массивы и объекты, могут быть изменены. Это означает, что вы можете напрямую изменять их состояние:let arr = [1, 2, 3]; 
arr[0] = 10; 
console.log(arr); // [10, 2, 3]Имутабельность особенно важна в контексте React и других фреймворков, которые полагаются на неизменяемые структуры данных для отслеживания изменений состояния. При работе с состоянием (например, в React) изменение состояния напрямую может привести к непредсказуемым результатам, тогда как использование методов, которые возвращают новые объекты (например, concat вместо push для массивов), помогает избежать побочных эффектов.Пример использования имутабельности в React:const newState = [...oldState, newItem]; // Создаем новый массив вместо изменения старогоИмутабельность улучшает производительность (позволяет легче отслеживать изменения) и предотвращает неожиданные изменения данных в разных частях программы, что делает код более предсказуемым и безопасным.