2012-08-11 68 views
0

This jsFiddle突出显示了我的问题。
它模仿了我定义对象并通过socket.io发送给页面的一些功能。功能在Javascript中定义后未定义

我有一个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最终是一个Function,但是当我在ObjectsAvailable事件中尝试使用它时,它不起作用。

回答

3

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

的“ObjectsAvailable”处理程序看起来像它试图设置它,但

  1. 它试图调用“花盆()”这样做,这样就不会工作,
  2. 它声明一个局部变量“盆”,以至于隐藏了全球的一个。

另一个注意事项:小提琴设置为在窗口“加载”处理程序中运行的代码,所以“就绪”处理程序是多余的。

+0

+1,2是对的,当他做var盆时,他隐藏了全球的一个 – 2012-08-11 18:12:44

+0

@BenjaminGruenbaum是的,所以它是双错的。即使没有'var'也不行。 – Pointy 2012-08-11 18:13:32

+0

我应该指出'Pots'实际上是一个Backbonejs集合,其声明如下:'var Pots = Backbone.Collection.extend({model:Pot});'。我做这个事件的原因是因为有一段时间没有设置“Pots”(可能在浏览器加载声明了Pots的文件之前)。 jsFiddle只是为了模拟存在的时间。在我的实际代码中,“otherTimer”不存在,并且Pots最终是一个Function,但是当我在'ObjectsAvailable'事件中尝试使用它时,它不起作用。 – 2012-08-11 21:45:01