如何全局公开和触发 onready 功能？

Question

How would I go about exposing the following two functions below for global access? functionWithinOnReady(); and handleSomething();

Within the scope of theme I can trigger the functions with:

theme.handleSomething();
theme.functionWithinOnReady();

Assuming I would need to trigger the functions from a third script (/globally), how would I go about this in the best way?

(function($) {
    "use strict";

    var theme = {

        onReady : function(){
            functionWithinOnReady = function() {
                //want to access this globally
            }
        },
        handleSomething: function() {
            //want to access this globally
        },
        onLoad : function() { },
        onResize : function() { }
    };


    $(document).ready( theme.onReady );
    $(window).load( theme.onLoad );
    $(window).resize( theme.onResize );

})(jQuery);

Answer 1

You could attach theme to either the window (global) or jQuery

(function($) {
    "use strict";

    $.theme = {

        onReady : function(){
            functionWithinOnReady = function() {
                //want to access this globally
            }
        },
        handleSomething: function() {
            //want to access this globally
        },
        onLoad : function() { },
        onResize : function() { }
    };


    $(document).ready( $.theme.onReady );
    $(window).load( $.theme.onLoad );
    $(window).resize( $.theme.onResize );

})(jQuery);

Now you can access $.theme anywhere, and if it's supposed to be used on jQuery collections, you could prototype it with $.fn.theme instead.