javascript - 从 DOMcontentLoaded 范围内加载函数

Question

jsfiddle

https://jsfiddle.net/ee7oe5pb/2/

Javascript

var events = (function () {
    var fn = {};
    fn.refresh = function(message) {
        alert(message);
    }
    return fn;
})();

var menu = (function () {
    var fn = {};
    fn.init = function(message) {
        events.refresh('Work from the function root'); // Work
        document.addEventListener("DOMContentLoaded", function() {
            events.refresh('Work from the domcontentloaded'); // Don't work
        });
    }
    return fn;
})();

menu.init();

问题

当运行menu.init时，它会启动菜单初始化函数。它触发 events.refresh 函数并发出带有消息的警报。该部分工作得很好。

events.refresh 也在 DOMContentLoaded 范围内调用。当页面完全加载时会触发此操作。现在events.refresh是未定义函数。为什么？我该如何解决它？

Answer 1

我不确定，但认为这个 link帮助你理解。它帮助了我。 http://ablogaboutcode.com/2011/06/14/how-javascript-loading-works-domcontentloaded-and-onload/