重写 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 被设置为新函数。

有什么建议吗？

---

side note: Yes, I need to do it this way. I am using a pile of 3rd party libraries all of which don't deal with setTimeout well, so I can't just change the calls to setTimeout.

Answer 1

这是因为您使用的是命名函数表达式，而这些表达式在 IE 中的实现不正确。删除函数名称将解决眼前的问题。请参阅 kangax 的

一般来说，尝试覆盖宿主对象的属性（例如 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);
};