javascript面向切面编程

最新推荐文章于 2025-05-04 15:09:50 发布

原创最新推荐文章于 2025-05-04 15:09:50 发布 · 708 阅读

1 ·

CC 4.0 BY-SA版权

javascript高级 es5/es6 专栏收录该内容

43 篇文章

订阅专栏

本文介绍面向切面编程(AOP)的概念，并通过JavaScript示例演示如何在代码中实现函数执行前后的操作，以此来统计函数执行时间。

1.面向切面的概念解读

简称AOP

2.面向切面的代码实战

// 统计一下当前的所有函数谁耗时最长
function test(num){
    alert(2);
    return "me test";
}
Function.prototype.before = function(fn){
    var __self = this;
    return function(){
        fn.apply(this,arguments);
        __self.apply(__self,arguments);
    }
};
Function.prototype.after = function(fn){
    // after 先执行本身this，再执行回调
    let __self = this;
    return function(){
        __self.apply(__self,arguments);
        fn.apply(this,arguments);
    }
}

test.after(function(){
    alert(3);
}).before(function(){
    alert(1);
})();