JS实现前置和后置AOP

最新推荐文章于 2023-07-31 11:28:58 发布

AzeShinja

最新推荐文章于 2023-07-31 11:28:58 发布

阅读量475

点赞数

分类专栏： Js基础知识文章标签： javascript

本文链接：https://blog.csdn.net/AzeShinja/article/details/120363194

版权

Js基础知识专栏收录该内容

42 篇文章

订阅专栏

Function.prototype.before = function (beforefn) {
    var _self = this; //保存原函数引用 例如这里指向的是func
    return function () { //返回包含了原函数和新函数的"代理函数"
     beforefn.apply(_self, arguments); //执行新函数，修正this 原来this指向的是window
     //执行原函数
    return _self.apply(_self, arguments); // 使用arguments传参, 使用apply比较方便调用
    }
   };
   Function.prototype.after = function (afterfn) {
    var _self = this;
    return function () {
     var ret = _self.apply(_self, arguments);
     afterfn.apply(_self, arguments);
     return ret;
    }
   };
   var func = function (...arguments) {
       console.log('2', arguments);
   }
   func = func.before(function (...arguments) {
    console.log("1", arguments);
   }).after(function (...arguments) {
    console.log("3", arguments);
   })
   
   func(1, 2, 3);