Question

This jsFiddle突出了我的问题它模仿了我定义Object的一些功能，并通过socket.io发送到Page。

我有一个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 IS最终是一个函数但是当我尝试在ObjectsAvailable事件期间使用它时，它不起作用。

Answer 1

您永远不会将全局变量“Pots”设置为任何值，因此它仍未定义。

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

它试图调用“Pots（）”这样做，这样就行不通了，
它也声明了一个局部变量“Pots”，因此隐藏了全局变量。

另一个注意事项：设置小提琴的代码将在“load”处理程序窗口中运行，因此“ready”处理程序是多余的。

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

1 个答案: