js高阶函数模拟AOP

1.代码

    Function.prototype.before = function(beforefn) {
      let _self = this;//记录原函数
      return function(){
        console.log(this);//
        console.log(arguments);
        beforefn.call(this,arguments);//修正this值
        return _self.apply(this,arguments);
      } 
    }
    Function.prototype.after = function(afterfn) {
      let _self = this;//
      return function(){
        console.log(this);//window
        console.log(arguments);
        let ret = _self.apply(this,arguments);//修正this值，并且执行原函数
        afterfn.apply(this,arguments);
        console.log(ret);
        return ret;
      } 
    }
    let func = function(){
      console.log(2);
    }
    let func2 = func.before(function(){console.log(1)}).after(function(){console.log(3)});
    let obj = {f:func2};
    func2();
    obj.f();

2.输出结果

执行结果

3.分析

func2 = func.before(function(){console.log(1)}).after(function(){console.log(3)});
最关键之处在于这一行代码，拆开来看
func.before(function(){console.log(1)})
func调用before方法，此时在 before方法体内this指向调用before方法的对象，也就是func然后返回了一个匿名函数，此时匿名函数体内_self指向最初的func方法。
再看.after(function(){console.log(3)})
匿名函数调用after方法，在after方法体内，this指向匿名函数，_self保存的是匿名函数，然后after方法返回的仍然是一个匿名函数。在这个匿名函数内_self指向before返回的匿名函数，ret是func的返回值。

然后将返回的匿名函数赋值给func2；

直接执行func2时，this指向全局，非严格模式下默认是window
当通过对象调用时，this指向调用函数的对象。