Что такое декларативное программирование?

Что такое декларативное программирование

Определение

Декларативное программирование — это парадигма, где ты описываешь ЧТО нужно сделать, а не КАК это делать. Ты объявляешь желаемый результат, а язык/фреймворк сам решает, как его получить.

Противоположность — императивное программирование, где ты пошагово описываешь алгоритм (ШАГ 1, ШАГ 2, ШАГ 3).

Декларативное vs Императивное

Задача: отфильтровать числа больше 5 и умножить на 2

Императивное программирование (КАК):

const numbers = [1, 2, 6, 8, 3, 10];
const result = [];

for (let i = 0; i < numbers.length; i++) {
  if (numbers[i] > 5) {
    result.push(numbers[i] * 2);
  }
}

console.log(result); // [12, 16, 20]

Мы управляем циклом, переменной i, проверкой условий — описываем каждый шаг.

Декларативное программирование (ЧТО):

const numbers = [1, 2, 6, 8, 3, 10];
const result = numbers
  .filter(n => n > 5)
  .map(n => n * 2);

console.log(result); // [12, 16, 20]

Мы описываем трансформацию данных — что нам нужно, а не как это делать.

Примеры декларативного кода в Node.js

SQL (самый декларативный язык):

-- Декларативно: я описываю, что нужно
SELECT name, age FROM users WHERE age > 18 ORDER BY age DESC;

-- Не нужно писать алгоритм поиска, индексирования и сортировки

Array методы (функциональное программирование):

// Декларативно
const adults = users
  .filter(user => user.age >= 18)
  .map(user => ({ name: user.name, age: user.age }))
  .sort((a, b) => b.age - a.age);

// Не нужно писать циклы и индексы

JSON и конфигурация:

{
  "name": "My App",
  "version": "1.0.0",
  "scripts": {
    "start": "node index.js",
    "test": "jest"
  }
}

Мы объявляем конфиг, не пишем алгоритм его парсинга.

HTML (декларативный по природе):

<!-- Описываем структуру, не как её строить -->
<div class="container">
  <button>Click me</button>
</div>

Декларативное программирование в React

React — квинтэссенция декларативного подхода для фронтенда:

// Декларативно: описываем что показывать
function UserProfile({ userId }) {
  const [user, setUser] = useState(null);

  useEffect(() => {
    fetch(`/api/users/${userId}`)
      .then(r => r.json())
      .then(setUser);
  }, [userId]);

  if (!user) return <div>Loading...</div>;

  return (
    <div>
      <h1>{user.name}</h1>
      <p>Age: {user.age}</p>
    </div>
  );
}

Мы не управляем DOM напрямую — говорим React, как должен выглядеть UI, и фреймворк обновляет DOM.

Сравнение с jQuery (императивный):

// Императивно: управляем DOM
$('#app').html(''); // Очищаем
fetch(`/api/users/${userId}`)
  .then(r => r.json())
  .then(user => {
    const html = `<h1>${user.name}</h1><p>Age: ${user.age}</p>`;
    $('#app').html(html); // Обновляем
  });

Мы сами управляем операциями с DOM — добавлением, удалением, обновлением.

Функциональное программирование (частный случай)

Функциональное программирование часто декларативно:

// Декларативно: используем pure functions
const toUpperCase = (str) => str.toUpperCase();
const exclaim = (str) => str + '!';
const greet = (name) => `Hello, ${name}`;

const result = [greet('john'), greet('jane')]
  .map(toUpperCase)
  .map(exclaim);

console.log(result); // ['HELLO, JOHN!', 'HELLO, JANE!']

Примеры в Node.js приложениях

Использование Express.js (декларативно описываем routes):

app.get('/users/:id', async (req, res) => {
  const user = await User.findById(req.params.id);
  res.json(user);
});

app.post('/users', async (req, res) => {
  const user = await User.create(req.body);
  res.status(201).json(user);
});

// Мы описываем, какие endpoints есть, не пишем HTTP парсер

Использование TypeORM (декларативно описываем сущности):

@Entity()
class User {
  @PrimaryGeneratedColumn()
  id: number;

  @Column()
  name: string;

  @Column()
  email: string;
}

// Мы описываем структуру, ORM сам создаёт таблицы и запросы

Плюсы декларативного программирования

✅ Читаемость — код понятнее (что нужно, а не как) ✅ Меньше ошибок — нет управления циклами и индексами ✅ Переиспользование — чаще можно переиспользовать функции ✅ Масштабируемость — абстракции работают на большие данные ✅ Оптимизация — язык может оптимизировать под капотом

Минусы декларативного программирования

❌ Производительность — иногда медленнее (абстракции имеют цену) ❌ Отладка — сложнее отследить ошибку (много слоёв абстракции) ❌ Контроль — меньше контроля над деталями реализации

Вывод

В современной разработке, особенно в Node.js и фронтенде, декларативный подход доминирует:

• React, Vue, Angular — декларативные
• SQL, GraphQL — декларативные
• Функциональное программирование (map, filter, reduce) — декларативное

Цель декларативного кода — выразить намерение, а не реализацию. Это делает код более устойчивым к изменениям и проще для командной разработки.