javasctipt通过高阶函数实现AOP

最新推荐文章于 2020-11-23 09:50:52 发布

原创最新推荐文章于 2020-11-23 09:50:52 发布 · 536 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript中级篇专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种在JavaScript中实现面向切面编程(AOP)的方法。通过扩展Function.prototype，可以方便地为函数添加前置和后置操作。示例代码展示了如何使用before和after方法来包裹原有函数。

在JS中实现AOP，都是把一个函数动态的置入到另一个函数里面

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
AOP操作
<script type="text/javascript">


Function.prototype.before = function(beforefn){
    var _self = this;
    return function(){
        beforefn.apply(this,arguments);   // 执行before函数
        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);    // 执行after函数
        return ret;
    }
};

var func = function(){
    console.log('helloWorld!');
}
func = func.before(function(){
    console.log("1")
}).after(function(){
    console.log("2")
})

func();
</script>
</body>
</html>