Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#статьи</a>

2 <ul><li>22 апр 2021</li>

3 <li>0</li>

4 </ul>Нет, мы не опечатались - оно существует. А умеет такое, с чем совладают немногие разрабы: рассказываем, что - и как не хватить с этим лиха.

5 скриншот из игры necromunda: hired gun / streum on studio

6 Переводчик, специалист по авиационной безопасности, начинающий веб-разработчик. Убеждён, что любой человек может сочетать абсолютно разные интересы и сферы профессиональной деятельности, ведь наши возможности безграничны.

7 об авторе

8 Топовый автор Medium. Пишет о технологиях, об образе жизни, личном опыте и многом другом.

9 Кто не знает про объектно-ориентированное программирование, да и функциональное явно на слуху, а вот об аспектно-ориентированном вы когда-нибудь слышали?

10 Пусть это и звучит как фраза неисправимого гика, но аспектно-ориентированное программирование (АОП) - источник великой силы. Даже удивительно, почему мы до сих пор прибегаем к нему так редко.

11 Что самое крутое, АОП легко сочетается как с функциональным, так и с объектно-ориентированным программированием (ООП).

12 Что ж, разберёмся, что такое АОП и чем оно полезно JavaScript-разработчикам.

13 Аспектно-ориентированное программирование позволяет внедрять новый код в готовые функции или объекты, не затрагивая их целевой логики (а следовательно, не влияя на поведение программ).

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

15 Разберём на примере

16 Допустим, вы реализовали бизнес-логику и вдруг поняли, что забыли про логирующий код. Тогда, по обыкновению, вы выносите логику журналирования в отдельный модуль, а затем проходитесь по функциям, добавляя информацию для ведения журнала.

17 А теперь представьте, что с помощью одной-единственной строки кода логгер можно внедрить в любой метод. А срабатывать он будет в некоторые особые моменты, связанные с выполнением этого метода. Здорово?

18 Познакомимся с тремя ключевыми понятиями АОП. Они прояснят суть парадигмы и помогут изучать её дальше.

19 <ul><li>Аспекты (aspects, "что") - это добавочное поведение, которое нужно включить в целевой код. В контексте JavaScript это функции, которые инкапсулируют нужное нам поведение.</li>

20 <li>Срезы (pointcuts, "где")указывают место в целевом коде, куда следует внедритьаспект. Теоретически оно может быть любым, но на практике такое выходит не всегда. И всё же вы можете указывать условия вроде "все методы моего объекта", или "только этот конкретный метод", или даже что-то типа "все методы, которые начинаются с get_".</li>

21 <li>Советы (advice, "когда")определяют момент, когда должен выполняться кодаспекта, например:</li>

22 </ul><ul><li>before (перед вызовом метода),</li>

23 <li>after (после возврата в точку вызова),</li>

24 <li>around (до вызова метода и при возврате из него),</li>

25 <li>whenThrowing (когда метод вызывает исключение) и так далее.</li>

26 </ul>Если совет указывает на время, когда код уже выполнен, аспект перехватит возвращаемое значение и сможет его перезаписать.

27 Очевидно, что с АОП довольно легко создать библиотеку для добавления журналирования в существующую бизнес-логику, даже если сама она реализована, например, на ООП. Достаточно заменить соответствующие методы целевого объекта на пользовательскую функцию, которая в нужное время добавит логику аспекта, а затем вызовет исходный метод.

28 Закрепим теорию практикой.

29 Надеюсь, вам, как и мне, легче учиться на наглядных примерах. Поэтому вот вам реализация метода inject, который добавляет поведение на основе АОП. Убедитесь, как это просто и удобно.

30 // Вспомогательная функция для вызова всех методов объекта const getMethods = (obj) => Object.getOwnPropertyNames(Object.getPrototypeOf(obj)).filter(item => typeof obj[item] === 'function') // Заменяем оригинальный метод нашей функцией, которая вызовет наш аспект, когда укажет совет function replaceMethod(target, methodName, aspect, advice) { const originalCode = target[methodName] target[methodName] = (...args) => { if(["before", "around"].includes(advice)) { aspect.apply(target, args) } const returnedValue = originalCode.apply(target, args) if(["after", "around"].includes(advice)) { aspect.apply(target, args) } if("afterReturning" == advice) { return aspect.apply(target, [returnedValue]) } else { return returnedValue } } } module.exports = { // Экспорт главного метода: внедряем аспект где и когда нужно inject: function(target, aspect, advice, pointcut, method = null) { if(pointcut == "method") { if(method != null) { replaceMethod(target, method, aspect, advice) } else { throw new Error("Trying to add an aspect to a method, but no method specified") } } if(pointcut == "methods") { const methods = getMethods(target) methods.forEach( m => { replaceMethod(target, m, aspect, advice) }) } } }Как видите, я вас не обманул. Хотя код выше охватывает не все варианты применения, он поможет разобраться в следующем примере.

31 А сперва обратите внимание на реализацию replaceMethod. Вот где творится вся магия. Именно здесь создаётся новая функция, именно тут мы решаем, когда вызывать аспект и что делать со значением, которое он возвращает.

32 Теперь покажем, как использовать нашу новую библиотеку:

33 const AOP = require("./aop.js") class MyBussinessLogic { add(a, b) { console.log("Calling add") return a + b } concat(a, b) { console.log("Calling concat") return a + b } power(a, b) { console.log("Calling power") return a ** b } } const o = new MyBussinessLogic() function loggingAspect(...args) { console.log("== Calling the logger function ==") console.log("Arguments received: " + args) } function printTypeOfReturnedValueAspect(value) { console.log("Returned type: " + typeof value) } AOP.inject(o, loggingAspect, "before", "methods") AOP.inject(o, printTypeOfReturnedValueAspect, "afterReturning", "methods") o.add(2,2) o.concat("hello", "goodbye") o.power(2, 3)Ничего сверхсложного: один базовый объект с тремя методами. Мы внедрили пару общих для всех них аспектов: один выводит в лог полученные атрибуты, а другой анализирует возвращаемое значение и выводит его тип.

34 Два аспекта - две строки кода (вместо шести, которые понадобились бы без АОП).

35 Вот результат, который мы увидим в консоли:

36 Разобравшись, что такое АОП и на что оно способно, вы наверняка догадываетесь, почему оно вызывает такой интерес.

37 Пробежимся по его главным преимуществам.

38 Я вообще большой поклонник инкапсуляции - благодаря ей код легче читать и поддерживать, а также использовать повторно во всём проекте.

39 Логика, которую вы реализуете в советах и срезах, повышает гибкость при внедренииваших аспектов. А это, в свою очередь, позволяет вам включать и отключать различныеаспекты вашей логики(сорри за каламбур) прямо при выполнении программы.

40 Аспекты - это, по сути, компоненты, небольшие независимые фрагменты кода, которые могут работать где угодно. Если они правильно написаны, то их легко применять в других проектах.

41 Ничто не идеально, и АОП тоже есть за что поругать.

42 В силе этого подхода критики видят и его уязвимость: он скрывает логику и сложность, его применение приводит к побочным эффектам, причину которых трудно понять сходу.

43 И отчасти противники АОП правы. Эта парадигма позволяет добавить в существующие объекты нехарактерное им поведение или даже заменить всю их логику. Конечно, АОП появилось совсем не для этого, и в примере выше я показывал вовсе не такие "возможности".

44 Однако АОП позволяет сделать всё, что вы хотите. А такая вседозволенность, помноженная на неопытность разработчика, открывает ящик Пандоры.

45 Банально это или нет, повторю легендарную фразу из комиксов:

46 С великой силой приходит и большая ответственность.

47 Одним словом, АОП - обязывает. Обязывает программиста соответствовать. Это не игрушка для рядового кодера, а выбор продвинутого спеца, который освоил лучшие практики разработки и может правильно сочетать АОП с ними.

48 Да, в неумелых руках этот инструмент способен навредить, но это едва ли повод от него отказываться. Потому что с АОП можно сделать и много хорошего: например, собрать части общей логики в едином фрагменте и внедрить его куда угодно - одной строкой кода. Как по мне, этот мощный инструмент стоит изучать и применять.

49 Аспектно-ориентированное программирование отлично дополняет ООП. Благодаря динамической природе JavaScript применять АОП с ним очень легко, как я и показал на примерах.

50 АОП позволяет выделять код в модули, разделять логику и переиспользовать разработки в других проектах.

51 Конечно, если применять АОП неумело, то можно всё запутать, но при правильном подходе оно позволяет создавать более чистый и понятный код.

52 <a>Научитесь: Профессия Фронтенд-разработчик + ИИ Узнать больше</a>