Javascript：如何在函数调用中执行代码而不覆盖该函数？

Question

所以，我想每次调用某个函数都要执行一些代码，这是可行的吗？事情是，我可以覆盖现有的函数并添加代码，但这需要我知道该函数的确切内容......想象一下“库”的“插件”，并且想要插件，在每次执行代码时都会调用这个图书馆的特定功能，但是你不想覆盖原来的图书馆内容......希望我已经清楚了！

如果它是可行的，有没有办法检索提交给函数的参数？

Answer 1

这绝对是可行的。 JS是一种动态语言，因此您可以使用自己的函数交换存储在对象中的函数。例如：

var fxnToWrap = obj.someFunction; 
obj.someFunction = function() { 
    console.log("booyah, I'm intercepting every call to obj.someFunction"); 
    fxnToWrap.apply(obj, arguments); 
} 

Answer 2

可能你可以覆盖对函数的引用？例如：

function add1(x) { return x + 1; } 
function log_calls(f, name) { 
    return function() { 
     console.log("got a call to", name, "with args", arguments); 
     return f.apply(null, arguments); 
    } 
} 
add1 = log_calls(add1, "add1"); 

然后调用add1会是这样的：

>> x = add1(42) 
"got call to add1 with args [42]" 
>> x 
43 

Answer 3

听起来像一个工作，一个包装函数给我。

编写一个调用其他函数的函数，并将你的代码放在那个（或任何地方）的末尾。然后总是调用你的版本。

适配器模式的排序。 http://en.wikipedia.org/wiki/Adapter_pattern

我相信你可以隐藏原始函数的作用域，并且如果你不能修改调用代码（不适用于像alert这样的一些内在函数，但应该适用于库代码），那么你的名字也是一样的。如果这不是一个选项，请参阅原型是否允许您扩展对象以添加功能。 http://phrogz.net/js/classes/ExtendingJavaScriptObjectsAndClasses.html

//Only add this implementation if one does not already exist. 
if (Array.prototype.slice==null) Array.prototype.slice=function(start,end){ 
    if (start<0) start=this.length+start; //'this' refers to the object to which the prototype is applied 
    if (end==null) end=this.length; 
    else if (end<0) end=this.length+end; 
    var newArray=[]; 
    for (var ct=0,i=start;i<end;i++) newArray[ct++]=this[i]; 
    return newArray; 
} 

对于参数，你也可以让你的版本采取可选的参数（类似的jQuery/MooTools的），然后看看发生了什么过去了。

此处可选参数的示例。 http://www.openjs.com/articles/optional_function_arguments.php

function accident() { 
    for(var i = 0; i < arguments.length; i++) { 
     alert("This accident was caused by " + arguments[i]); 
    } 
} 

Answer 4

编辑以纠正错误的评论

指出，这可能会解决你的问题：

function f() {alert("in f");} 
var saved_f = f; 
var f = function() { 
    alert("in f2"); 
    saved_f(); 
} 
f();