Question

我想为JavaScript函数执行类似AOP的“之前”功能。

所以我寻找现有的解决方案，找到了jQuery的aop-plugin。不幸的是，插件只是包装给定的功能。因此，在增强函数之前指向原始函数的任何对象仍然指向原始函数。从这些对象调用该函数会调用该函数的非增强版本。

我想要更改函数对象本身，而不是使用其他函数包装函数，因此以前的引用不会导致意外行为。所以我有这样的事情：

(function(){}).constructor.prototype.before = function(beforeFunction){
    this.beforeFunction = beforeFunction;
};

/* some magic should happen here: enhance call? */

function logFoo() {
    console.log("Foo");
};
function logBar() {
    console.log("Bar");
};

logFoo(); // logs "Foo"

logFoo.before(logBar);

logFoo(); // should log "Bar", then "Foo"

所以问题是，当调用增强函数时，如何调用beforeFunction？

Answer 1

函数的体，参数和引用环境是不可变的，因此无法增强函数，只能创建新函数。

你可以从头开始增强你的功能：

Function.prototype.enhanceable = function() {
    var original = this,
        enhanced = [],
        ret = function() {
            for( var i = 0; i < enhanced.length; ++i ) {
                enhanced[i].apply( this, arguments );
            }

            return original.apply( this, arguments );
        };

    ret.before = function( fn ) {
        enhanced.push( fn );
    };

    return ret;
};

然后：

var logFoo = function() {
     console.log( "foo" );
}.enhanceable();

var logBar = function() {
     console.log( "bar" );
};

logFoo(); //foo

logFoo.before( logBar );

logFoo(); //logs bar, then foo

增强函数原型以在执行之前调用给定函数

1 个答案: