覆盖javascript中的全局函数

Question

我正在尝试将我自己的错误处理添加到 JavaScript setTimeout 函数。以下代码在 chrome 中运行良好：

var oldSetTimeout = window.setTimeout;
window.setTimeout = function setTimeout(func, delay) {
    var args = Array.prototype.slice.call(arguments, 0);
    args[0] = function timeoutFunction() {
        var timeoutArgs = Array.prototype.slice.call(arguments, 0);
        try {
            func.apply(this,timeoutArgs);
        }
        catch (exception) {
            //Do Error Handling
        }
    }
    return oldSetTimeout.apply(this, args);
}

但在 IE7 中它变成了递归函数。出于某种原因，oldSetTimeout 被设置为新功能。

有什么建议吗？

---

旁注：是的，我需要这样做。我正在使用一堆 3rd 方库，所有这些库都不能很好地处理 setTimeout，所以我不能只更改对 setTimeout 的调用。

Answer 1

这是因为您使用了命名函数表达式，在 IE 中没有正确实现。删除函数名称将解决直接问题。请参阅kangax 的excellent article on this subject。但是，还有一个问题不是那么容易解决的。

一般来说，尝试覆盖宿主对象的属性（例如window、document 或任何 DOM 元素）并不是一个好主意，因为无法保证环境会允许这样做。宿主对象不受与本机对象相同的规则约束，本质上可以做他们喜欢的事情。也不能保证主机方法是Function 对象，因此oldSetTimeout 可能并不总是有apply() 方法。在 IE 中就是这种情况，因此对 oldSetTimeout.apply(this, args); 的调用将不起作用。

我建议改为：

window.oldSetTimeout = window.setTimeout;

window.setTimeout = function(func, delay) {
    return window.oldSetTimeout(function() {
        try {
            func();
        }
        catch (exception) {
            //Do Error Handling
        }
    }, delay);
};

Answer 2

对 Tim Down 的答案进行了小幅改进，以更加模仿原作：

window.oldSetTimeout = window.setTimeout;
window.setTimeout = function(func, delay) {
    return window.oldSetTimeout(function() {
        try {
            func();
        }
        catch (exception) {
            //Do Error Handling
        }
    }, delay);
};