JavaScript如何实现AOP技术
【摘要】 AOP即面向切面编程，把一些跟核心业务逻辑模块无关的功能抽离出来，如日志统计、安全控制、异常处理等。把它们抽离出来后，通过“动态织入”的方式掺入业务逻辑模块中。在Java中，可以通过反映和动态代理机制来实现AOP技术，而在JavaScript中实现AOP技术就是把一个函数“动态织入”另一个函数之中。以下通过Function.prototype来实现：
<!DOC...
AOP即面向切面编程，把一些跟核心业务逻辑模块无关的功能抽离出来，如日志统计、安全控制、异常处理等。把它们抽离出来后，通过“动态织入”的方式掺入业务逻辑模块中。在Java中，可以通过反映和动态代理机制来实现AOP技术，而在JavaScript中实现AOP技术就是把一个函数“动态织入”另一个函数之中。以下通过Function.prototype来实现：
<!DOCTYPE html>
<title>hello world</title> <script> Function.prototype.before = function(beforefn){ var _self = this; // 保存原函数的引用 return function(){// 返回包含了原函数和新函数的代理函数 beforefn.apply(this,arguments);// 执行新函数 return _self.apply(this,arguments); // 执行原函数 }; } Function.prototype.after = function(afterfn){ var _self = this; // 保存原函数的引用 return function(){ // 返回包含了原函数和新函数的代理函数 var ret = _self.apply(this,arguments); // 执行原函数 afterfn.apply(this,arguments); // 执行新函数 return ret; }; } var func = function(){ alert(2); }; func = func.before(function(){ alert(1); }).after(function(){ alert(3); }); window.onload = function(){ func(); }; </script>
运行结果效果：依次弹出1 、2、3。
实现方式就是在函数func前后织入相应的函数。
谢谢阅读。
文章来源: blog.csdn.net，作者：WongKyunban，版权归原作者所有，如需转载，请联系作者。
原文链接：blog.csdn.net/weixin_40763897/article/details/89840749
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）