JavaScript命名空间声明差异

Question

What are the differences between these two types of namespace declarations? Is the first one better than the second one or vice versa?

(function($)
{
    $.build = {
        init: function()
        {
            this.attachEvents();
        }
    }
}

$(document).ready(function() {
        $.build.init();
    });
})(jQuery);

versus

var build = {
    init: function(){
        this.attachEvents();
    }
};

$(document).ready(function() {
        build.init();
});

Answer 1

There are two main practical differences. The first creates no additional externally accessible variables, and doesn't depend on $ being jQuery outside the function. The second creates a build variable, and requires that $ mean jQuery .

Answer 2

Both are good but the first one is probably better in that it allows jQuery to play safe with other libraries. It does not collide with any other variables declared as $.