函数在Javascript中定义后未定义。

Question

这个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“(可能是在浏览器加载了声明的Pots文件之前)。jsFiddle仅仅是为了模拟时间的存在。在我的实际代码中，"otherTimer“并不存在，Pots最终是一个函数，但是当我试图在ObjectsAvailable事件期间使用它时，它不起作用。

Answer 1

您从未将全局变量"Pots“设置为任何值，因此它仍未定义。

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

1. 它尝试调用"Pots()“这样做，这样就行不通了，而且
2. 它也声明了一个局部变量"Pots“，因此它隐藏了全局变量。

另一个注意事项:使用在窗口"load“处理程序中运行的代码来设置小提琴，因此”就绪“处理程序是多余的。