閉合控制流程

Question

我得到這個代碼塊：

(function($, exports) { 
    var mod = function(includes) { 
     if (includes) this.include(includes); 
    }; 
    mod.fn = mod.prototype; 
    mod.fn.proxy = function(func) { 
     return $.proxy(func, this); 
    }; 
    mod.fn.load = function(func) { 
     $(this.proxy(func)); 
    }; 
    mod.fn.include = function(ob) { 
     $.extend(this, ob); 
    }; 
    exports.Controller = mod; 

})(jQuery, window); 

(function($, Controller) { 
    mod = new Controller; 
    mod.toggleClass = function(e) { 
     this.view.toggleClass("over", e.data); 
    }; 
    mod.load(function() { 
     this.test = 'test'; 
     console.log(this.test); // Delayed 
     this.view = $("#view"); 
    }); 

    console.log(mod.view) // returns undefined 
    console.log(mod); 

})(jQuery, Controller); 

在Firefox上執行時，螢火控制檯面板上的結果如下：

undefined 
Object { toggleClass=function(), proxy=function(), load=function(), more...} 
test 

這意味着最後兩個日誌功能（它們放置在代碼塊的底部）在第一個之前被執行（它是：console.log（this.test）; //延遲）

你能解釋爲什麼這樣的流發生了嗎？

Answer 1

你能解釋爲什麼這樣的流動發生了嗎？

因爲你設置你傳遞到load函數的代碼要等到DOM準備好，通過傳遞函數引用到的jQuery $功能（裏面你load功能）。當你傳遞函數參考時，這是$(document).ready(...)的快捷方式。直到您的其他代碼運行之後，DOM準備就不會發生，因此直到您的其他輸出之後，您纔會看到您傳遞到load的函數內容的輸出。