Побочный эффект — это изменение видимого состояния программы, произошедшее вне возвращаемого значения функции.

Основные типы побочных эффектов:

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

Пример чисто1й функции (без побочных эффектов):

// Функция только складывает два числа и возвращает результат
function add(a, b) {
  return a + b;
}

Пример функции с побочным эффектом (изменение глобальной переменной):

let total = 0;

// Функция складывает число и изменяет глобальную переменную
function addToTotal(value) {
  total += value; // Побочный эффект: изменение глобальной переменной
  return total;
}

Влияние побочных эффектов:

Усложняют тестирование.
Затрудняют параллельное выполнение кода из-за потенциальных гонок данных.
Делают код менее предсказуемым и сложнее для понимания.
Могут нарушать принципы функционального программирования.

В Frontend-разработке побочные эффекты часто связаны с:

Манипуляциями с DOM.
HTTP-запросами.
Операциями с Local Storage или Session Storage.
Работой со сторонними API.

Управление побочными эффектами является важной задачей при построении надежных и поддерживаемых приложений. Паттерны, такие как Redux (с его акцентом на предсказуемое управление состоянием и выделение побочных эффектов в экшены/саги), или использование чистых функций там, где это возможно, помогают минимизировать их негативное влияние.

Что такое побочные эффекты в контексте программирования?