javascript - 函数在Javascript中定义后未定义

This jsFiddle突出了我的问题。
它模仿了我在其中定义对象并通过socket.io发送到页面的某些功能。

我有一个setInterval函数，用于检查Pots是否为函数，何时触发事件。在该事件期间，我尝试实例化Pots的新实例，只是被告知未定义。

代码：

var Pots;

$(document).ready(function(){
    var timerId = 0;
    var otherTimer = 0;

    otherTimer = setInterval(function() { console.log("Creating"); Pots = function() {}; }, 5000);

    timerId = setInterval(function() {
        console.log("Checking");

        if (_.isFunction(Pots)) {
            console.log(Pots);
            clearInterval(timerId);
            clearInterval(otherTimer);

            var evt = document.createEvent('Event');
            evt.initEvent('ObjectsAvailable', true, true);
            document.dispatchEvent(evt);
        }

    }, 1000);

});

document.addEventListener('ObjectsAvailable', function(e) {
    console.log(Pots);
    var Pots = new Pots();
});

编辑
在下面发布此评论：
我应该指出，Pots实际上是具有以下声明的Backbonejs集合：var Pots = Backbone.Collection.extend({model: Pot});。我这样做的原因是因为有时没有设置“点数”（可能在浏览器加载声明有Pots的文件之前）。 jsFiddle只是为了模拟时间的存在。在我的实际代码中，“ otherTimer”不存在，而Pots最终是一个函数，但是当我尝试在ObjectsAvailable事件期间使用它时，它将不起作用。

最佳答案

永远不要将全局变量“ Pots”设置为任何值，因此它保持未定义状态。

“ ObjectsAvailable”处理程序看起来像尝试设置它，但是


它尝试调用“ Pots（）”来执行此操作，这样将无法正常工作，并且
它也声明了局部变量“ Pots”，因此隐藏了全局变量。


另一个注意事项：小提琴设置了要在窗口“加载”处理程序中运行的代码，因此“就绪”处理程序是多余的。