功能在Javascript中定義後未定義

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事件中嘗試使用它時，它不起作用。

來源

2012-08-11 James P. Wright

您從未將全局變量「Pots」設置爲任何值，因此它仍未定義。

的「ObjectsAvailable」處理程序看起來像它試圖設置它，但

它試圖調用「花盆（）」這樣做，這樣就不會工作，
它聲明一個局部變量「盆」，以至於隱藏了全球的一個。

另一個注意事項：小提琴設置爲在窗口「加載」處理程序中運行的代碼，所以「就緒」處理程序是多餘的。

來源

2012-08-11 18:11:42 Pointy

+1，2是對的，當他做var盆時，他隱藏了全球的一個 – 2012-08-11 18:12:44

@BenjaminGruenbaum是的，所以它是雙錯的。即使沒有'var'也不行。 – Pointy 2012-08-11 18:13:32

我應該指出'Pots'實際上是一個Backbonejs集合，其聲明如下：'var Pots = Backbone.Collection.extend（{model：Pot}）;'。我做這個事件的原因是因爲有一段時間沒有設置「Pots」（可能在瀏覽器加載聲明瞭Pots的文件之前）。 jsFiddle只是爲了模擬存在的時間。在我的實際代碼中，「otherTimer」不存在，並且Pots最終是一個Function，但是當我在'ObjectsAvailable'事件中嘗試使用它時，它不起作用。 – 2012-08-11 21:45:01

功能在Javascript中定義後未定義

回答

相關問題