Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-03-10

1 <ul><li><a>Императивные и декларативные языки программирования</a><ul><li><a>И снова код</a></li>

2 </ul></li>

3 </ul>Вряд ли вы не слышали о таких понятиях, какдекларативное и императивное программирование. В этой статье мы рассмотрим императивный и декларативный подход, а также основные<a>языки программирования</a>(programming language), которые эти подходы используют. Давайте начнем.

4 Если посмотреть определение в англоязычной Википедии, мы увидим приблизительно следующее:

5 Придекларативная подходевыражается логика вычисления без отсутствия описания потока управления, тогда как вимперативнойпарадигме программирования используются утверждения, изменяющие состояние программы.

6 С первого взгляда ничего не понятно, а словосочетания типа "парадигма программирования" и вовсе звучат слишком претенциозно. Такие фразы любят говорить профессоры в университетах, но это не добавляет понимания, если за ними не следуют конкретные примеры.

7 Давайте попробуем объяснить более простыми словами:

8 <ol><li>Императивный подход описывает, каким образомты что-то делаешь.</li>

9 <li>Декларативный описывает,что именноты делаешь.</li>

10 </ol>То есть в первом случае у нас стоит вопрос "Как?", а во втором - "Что?" И все равно разница ясна лишь интуитивно, поэтому без практических примеров не обойтись. Но начать лучше стоит с метафор.

11 Давайте представим, что вы попросили вашего товарища нарисовать пейзаж, а как он это сделает, для вас значения не имеет - этодекларативныйпуть, когда дается ответ на вопрос "Что именнонадо сделать?"

12 Вимперативномслучае ситуация следующая:

13 - вы попросили товарища нарисовать пейзаж;

14 - он попросил, к примеру, Никаса Сафронова, рассказать ему, как рисуются пейзажи;

15 - Никас Сафронов как мастер своего дела предоставил пошаговые инструкции -как именнонарисовать этот пейзаж.

16 <h2>Императивные и декларативные языки программирования</h2>

17 Примерыдекларативныхязыков программирования:

18 <ul><li>SQL;</li>

19 <li>HTML.</li>

20 </ul>Императивныеязыки:

21 <ul><li>C,</li>

22 <li>C++,</li>

23 <li>Java.</li>

24 </ul>Также выделяютсмешанныеязыки:

25 <ul><li>JavaScript,</li>

26 <li>C#,</li>

27 <li>Python.</li>

28 </ul>Говоря о языках, важно понимать, что у многих декларативных языков программирования существует определенныйслой императивных абстракций- не забывайте об этом.

29 Рассмотрим работу декларативных языков на примерах.

30 Декларативный языкSQL:

31 ЯзыкHTML:

32 Нам достаточно просто взглянуть на код, чтобы понять суть происходящего. Языки программи рования в данном случае заявляют, некакчто-то надо сделать, а что именно должно быть сделано, поэтому можно говорит о декларативности. То есть мы описываем желаемый результат и не углубляемся в инструкции. И для нас абсолютно не имеет значения, как будет сделана выборка пользователей из Мексики и как web-браузер распарсит article. Главное, что мы получим этих самых пользователей, а также новый header и paragraph на веб-сайте.

33 <h3>И снова код</h3>

34 Для следующего примера воспользуемся языком программированияJavaScript. Давайте представим, что мы находимся на собеседовании. Нам поставлены следующие задачи:

35 - написать функцию с названием <a>double</a>, принимающую массив чисел и возвращающую новый массив, причем каждый элемент нового<a>массива</a>больше исходного в 2 раза:

36 - написать функцию с названиемadd, принимающую массив и возвращающую сумму всех элементов массива:

37 - используя библиотекуjQuery(либо чистый языкJavaScript), выполните добавление обработчика событий click к элементу с идентификатором (id), равным btn. При нажатии выполните переключение класса highlight и замените текст на Add Highlight либо Remove Highlightс учетом того, каково текущее состояние элемента.

38 Задания, есть, давайте попробуем их решить. Начнем с императивной парадигмы и воспользуемся наиболее распространенными подходами.

39 Теперь поговорим, что общего у этих примеров, и почему они являются именно императивными, а не декларативными:

40 <ol><li>Во всех случаях описывается, как именно решить проблему, то есть явно указываются все шаги по решению поставленной задачи.</li>

41 <li>Следующий момент не так очевиден для тех, кто имеет привычку думать декларативно либо даже функционально. В каждом из вышеописанных примеров осуществляетсяизменениекакого-нибудь состояния. И если в первых 2-х случаях происходит изменение переменной results, то в 3-м случае состояние находится в самой DOM, причем его мы тоже меняем.</li>

42 <li>Если говорить субъективно, то код можно считать, по сути,нечитаемым. А все потому, что с первого раза вы вряд ли поймете, что конкретно происходит, - вместо этого вам придется внимательно читать программный код построчно.</li>

43 </ol>Переходим кдекларативномуподходу. Наша цель, как и прежде, заключается в том, чтобы решить все вышеописанные задачи. Также каждое решение должно описывать, что конкретно происходит, а также быть читаемым и неизменяемым.

44 Теперь стало гораздо лучше, не находите?

45 Обратите внимание, что в первых 2-х примерах применяются встроенные в языкJavaScriptметоды: map и reduce. То есть в нашем случае декларати вное программирование - этоабстракциинад императивными реализациями, но на деле нас мало волнует, как эти методы реализованы. Мы тоже не меняем состояния, да и сам программный код стал более читаемым.

46 В 3-м примере при написании кода мы пошли на хитрость, так как задействовали библиотеку языкаJavaScriptпод названиемReact. Но важно не это, а то, что все 3 императивные ошибки нами исправлены. Да и само программи рование наReactхорошо еще и тем, что предоставляет возможность создавать декларативные пользовательские интерфейсы. Если посмотреть на тот же компонентBtn, сразу становится понятно, как конкретно станет выглядеть интерфейс. А еще состояния "живут" не в DOM, а непосредственно в React-компоненте.

47 Нельзя не вспомнить и еще одно важное преимущество декларативного кода:он является контекстно-независимым. Все это означает, что данный код вы сможете использовать практически в любой программе без каких-либо изменений.

48 По материалам статей:

49 <ul><li>"Imperative vs Declarative Programming" - https://ui.dev/imperative-vs-declarative-programming/;</li>

50 <li>"Declarative vs Imperative Programming" - https://codeburst.io/declarative-vs-imperative-programming-a8a7c93d9ad2.</li>

51 </ul>