Чистые функции

// Чистая
function add(a, b) {
  return a + b;
}

// Нечистая — зависит от внешней переменной
let multiplier = 2;
function multiply(n) {
  return n * multiplier;
}

// Нечистая — побочный эффект
function addToArray(arr, item) {
  arr.push(item); // изменяет входной массив
  return arr;
}

// С побочным эффектом
let total = 0;
function addToTotal(n) {
  total += n; // изменяет внешнюю переменную
}

// Без побочного эффекта
function calculateTotal(numbers) {
  return numbers.reduce((sum, n) => sum + n, 0);
}

// Плохо — мутация
function addItem(arr, item) {
  arr.push(item);
  return arr;
}

// Хорошо — новый массив
function addItem(arr, item) {
  return [...arr, item];
}

// Удаление
function removeItem(arr, index) {
  return [...arr.slice(0, index), ...arr.slice(index + 1)];
}

// Обновление
function updateItem(arr, index, newValue) {
  return arr.map((item, i) => i === index ? newValue : item);
}

// Плохо — мутация
function updateUser(user, name) {
  user.name = name;
  return user;
}

// Хорошо — новый объект
function updateUser(user, name) {
  return { ...user, name };
}

// Вложенные объекты
function updateAddress(user, city) {
  return {
    ...user,
    address: {
      ...user.address,
      city
    }
  };
}

// Легко тестировать
function calculateDiscount(price, percent) {
  return price * (1 - percent / 100);
}

// Тест
console.log(calculateDiscount(100, 20) === 80); // true

const add10 = x => x + 10;
const multiply2 = x => x * 2;
const subtract5 = x => x - 5;

// Ручная композиция
const result = subtract5(multiply2(add10(5)));
console.log(result); // 25

// Функция compose
const compose = (...fns) => x => 
  fns.reduceRight((acc, fn) => fn(acc), x);

const calculate = compose(subtract5, multiply2, add10);
console.log(calculate(5)); // 25

// Функция pipe (слева направо)
const pipe = (...fns) => x => 
  fns.reduce((acc, fn) => fn(acc), x);

const calculate2 = pipe(add10, multiply2, subtract5);
console.log(calculate2(5)); // 25