Javascript 中面向方面的东西

Question

因此，我编写了这段代码来帮助我在其他函数之后或之前添加函数，但我找不到更好的方法来做到这一点，我不得不使用 eval() 这确实不是一个好的做法。起初，我尝试做类似的事情：

Function.prototype.append = function(fn){
    eval("this = function(){ ("+this.toString()+").apply(this, arguments); fn.apply(this, arguments); }");
}

hello = function(){
    console.log("hello world!");
}

hello(); // hello world!
hello.append(function(){
    console.log("bye world!");
});
hello(); // hello world! bye world

但它不起作用，因为该函数无法改变自身。所以我这样做了：

Aspects = new Object();

Aspects.append = function(aspect, fn){
    eval(aspect + " = function(){ ("+eval(aspect + '.toString()')+").apply(this, arguments); fn.apply(this, arguments); }");
}

Aspects.prepend = function(aspect, fn){
    eval(aspect + " = function(){ fn.apply(this, arguments); ("+eval(aspect + '.toString()')+").apply(this, arguments); }");
}

hello = function(){
    console.log("hello world!");
}

hello(); // hello world!

Aspects.append('hello', function(){
    console.log("bye world!");
});

hello(); // hello world! bye world!

我不想使用对象或任何东西，我只想在已经声明的函数之后或之前添加更多代码

Answer 1

我有一个名为 fcombine 的实用程序库，它支持

f1 = fcombine.pre(new_function, f1);
f1 = fcombine.post(f1, new_function);

您的代码丑陋的原因是因为您没有返回新函数。

您的代码的问题还在于它使用 eval 并尝试做太多的魔术。传递一个变量名字符串然后对其进行评估的整个想法绝对是可怕的。

您可以很容易地编写

hello = Aspects.append(hello, new_function);

如 fcombine.post 所示

Answer 2

怎么样，

function fnAppend(old_fn_name, new_fn){
    var old_fn = window[old_fn_name];
    window[old_fn_name] = function(){
        old_fn();
        new_fn();
    }
}

hello = function(){
    console.log("hello world!");
}

hello(); // hello world!
fnAppend('hello', function(){
    console.log("bye world!");
});
hello(); // hello world! bye world

只是为了展示该方法，函数父窗口也可以是 fnAppend 函数的可选参数。只需更改顺序即可为您提供 fnPrepend

---

编辑

function fnAppend(old_fn_name, new_fn, obj){
    obj = obj || window;
    var old_fn = obj[old_fn_name];
    obj[old_fn_name] = function(){
        old_fn.apply({},arguments);
        new_fn.apply({},arguments);
    }
}