JavaScript如何实现AOP技术

最新推荐文章于 2021-07-10 17:41:11 发布

WongKyunban

最新推荐文章于 2021-07-10 17:41:11 发布

阅读量1.8k

点赞数

分类专栏： JavaScript 文章标签： AOP

本文链接：https://blog.csdn.net/weixin_40763897/article/details/89840749

版权

JavaScript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

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前后织入相应的函数。
谢谢阅读。

WongKyunban

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript如何实现AOP技术

AOP即面向切面编程，把一些跟核心业务逻辑模块无关的功能抽离出来，如日志统计、安全控制、异常处理等。把它们抽离出来后，通过“动态织入”的方式掺入业务逻辑模块中。在Java中，可以通过反映和动态代理机制来实现AOP技术，而在JavaScript中实现AOP技术就是把一个函数“动态织入”另一个函数之中。以下通过Function.prototype来实现：<!DOCTYPE html>&...
复制链接

扫一扫